XHTML下用dl,dt,dd标签实现翻页的效果代码
2007-09-11 20:51
651 查看
今天在标准之类的blog(http://www.aa25.cn)看到"纯CSS代码实现翻页"
的文章
也许很多人对HTML的UL,OL,LI标签可能都比较熟习,但是对DL,DT,DD可能就不怎么了解了,那么到W3.ORG去看看吧,
http://www.w3.org/TR/2002/WD-xhtml2-20020805/mod-list.html
,http://www.w3.org/TR/2005/WD-xhtml2-20050527/mod-list.html
的文章
dl { position:absolute; width:389px; height:154px; border:10px solid #eee; } dd { margin:0; width:389px; height:154px; overflow:hidden; } img { border:1px solid black } dt { position:absolute; right:3px; top:50px; } a { display:block; margin:1px; width:20px; height:20px; text-align:center; font:700 12px/20px "宋体",sans-serif; color:#fff; text-decoration:none; background:#666; border:1px solid #fff; filter:alpha(opacity=40); opacity:.4; } a:hover { background:#000 }
也许很多人对HTML的UL,OL,LI标签可能都比较熟习,但是对DL,DT,DD可能就不怎么了解了,那么到W3.ORG去看看吧,
http://www.w3.org/TR/2002/WD-xhtml2-20020805/mod-list.html
,http://www.w3.org/TR/2005/WD-xhtml2-20050527/mod-list.html
- 标记定义了一个定义列表,定义列表中的条目是通过使用
标记(“definition title”,定义标题)和
- 标记(“definition description”,定义描述)创建的。
给出了术语名,
标记给出了术语的定义。
也就是说 用来创建列表中的上层项目, 用来创建列表中最下层项目, 和 都必须放在 < /dl>标志对之间。
相关文章推荐
- XHTML下用dl,dt,dd标签实现翻页的效果代码
- web前端设计之dl dt dd标签(dt dd左对齐实现)
- dl,dt,dd标签 VS 传统table实现数据列表
- dl,dt,dd标签 VS 传统table实现数据列表
- dl,dt,dd标签 VS 传统table实现数据列表
- HTML中ul,ol,li,dl,dt,dd标签用法
- html dl dt dd标签元素语法结构与使用
- JS实现的3D拖拽翻页效果代码
- HTML - 格式标签 - nobr、blockquote、center、dl、dt、dd、ol、ul、li标签
- html dl dt dd标签元素语法结构与使用
- DIV+CSS中标签ul ol li dl dt dd用法
- js实现的tab标签切换效果代码分享
- html几个重要标签用法(div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em)
- PHP实现的多彩标签效果代码分享
- 网页制作小技巧:dl dt dd标签用法
- dl, dt, dd标签的使用方法
- html 标签 dl dt dd使用说明
- DIV+CSS中标签dl dt dd常用的用法
- DD DT DL标签
- DD DT DL标签