dl,dt,dd组成的table.
时间:2008-07-04
来源:互联网
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]">
- <html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml[/url]">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>dl,dt,dd组成的table</title>
- <style type="text/css">
- *{padding:0; margin:0}
- body{font-size:12px; font-family:arial, sans-serif; text-align:center}
- #wrap{margin:20px auto; width:500px; text-align:left}
- dl{padding:1px ; background:#039}
- dt,dd{display:block}
- dt{background:#039; color:#fff; padding:3px}
- dd{background:#fff; margin-top:1px}
- dd:hover{background:#ffc}
- span{width:13%; border-right:1px solid #000; display:block; float:left; text-align:right; padding-right:10px; margin-right:5px}
- dd,span{height:22px; line-height:22px}
- </style>
- </head>
- <body>
- <div id="wrap">
- <dl>
- <dt>表格标题</dt>
- <dd><span>序号:</span>first</dd>
- <dd><span>标题:</span>css templet</dd>
- <dd><span>内容:</span>this is the content</dd>
- <dd><span>时间:</span>2008-6-19</dd>
- </dl>
- </div>
- </body>
- </html>
仅供参考!
作者: calent 发布时间: 2008-07-04
支持一下...
作者: 西门轩辕 发布时间: 2008-07-06
可能结构较为复杂的table就不要弄了吧。
作者: faintok 发布时间: 2008-09-28
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28