XHTML下用dl,dt,dd标签实现翻页的效果代码

ttx9n · 发表于 2007-9-11 20:51:29

今天在标准之类的blog(http://www.aa25.cn)看到"纯CSS代码实现翻页"
的文章

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">  
<head profile="http://www.w3.org/2000/08/w3c-synd/#">  
<meta http-equiv="content-language" content="zh-cn" />  
<meta http-equiv="content-type" content="text/html;charset=gb2312" />

<style>

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  
  }  
</style>  
</head>  
<body>  
<dl>  
<dt><a href="#a" title="">1</a><a href="#b" title="">2</a><a href="#c" title="">3</a></dt>  
<dd>  
  
  
  
</dd>  
</dl>  
</body>  
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
也许很多人对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>标志对之间。

xf9hlg1 · 发表于 2022-11-21 22:19:36

的谁vdvdsvdsvdsdsv

5ble0ks · 发表于 2023-1-1 00:00:02

啦啦啦啦啦德玛西亚

lsc54 · 发表于 2023-1-8 18:59:02

1312315458748777

小伙伴 · 发表于 2023-1-13 04:13:04

我要金豆金豆金豆

z835648964 · 发表于 2023-1-29 11:07:47

老大你好你好好你好

w18pvaep · 发表于 2023-5-11 19:33:18

iiguuubhuiuihu

pwseqn1h · 发表于 2023-6-11 13:47:20

额风风风微风微风违法

sykzus · 发表于 2023-6-29 07:42:59

非常vbcbvcvbvcb

64000928 · 发表于 2023-10-15 17:29:30

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

账号		自动登录	找回密码
密码			立即注册

[CSS/HTML] XHTML下用dl,dt,dd标签实现翻页的效果代码

相关帖子