首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
CSS样式表
> CSS 之dl dt dd模拟表格实例代码
CSS样式表
css important终级讲解
HTML 页面输出应该遵循的几点原则分析小结
Google 谷歌内页logo的呈现方式(图片下面有文字)
10个DIV+CSS需要注意的问题
最常用和实用的CSS技巧
CSS 首行缩进两个文字
黑客选择CSS挂马 CSS挂马攻防实录
制作高效可维护组件化的CSS代码
验证并修复css错误内容的相关连接
html+css实现数据图表的展示效果
减少代码和语义化标签实现方法
3个css框架分享网站
简单但很实用的5个css属性
DIV+CSS的叫法是不准确的
CSS 使用table布局网页是不明智
xHTML+CSS与SEO的关系
CSS 控制页面样式的4种方式和优先级问题
CSS教程 CSS选择器
CSS 选择器命名规范化
CSS 理解盒子模型
No.
«
‹
112
113
114
115
›
»
技术文章搜索
关键字
CSS样式表 中的 CSS 之dl dt dd模拟表格实例代码
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2010-01-10
浏览: 261 ::
收藏到网摘: n/a
CSS 用ul li做圆角表格
创建超链接及css 样式设置
随便搜下,几十万条。贴出dl dt dd模拟表格实例,不推荐在实际项目中使用,可以了解dl dt dd的用法。测试浏览器:IE6\IE7\IE8\FF3.0
CSS:
复制代码
代码如下:
dl,dt,dd{
margin:0;
background:#fff5fa;
font-size:14px;
}
dl{
margin:0 auto;
width:50%;
border:1px solid #f8b3d0;
border-bottom:none;
}
dt{
font-weight:800;
background:#ff99cc;
color:#fff;
}
dt,dd{
line-height:30px;
padding:0 0 0 10px;
border-bottom:1px solid #f8b3d0;
height:30px;
overflow:hidden
}
dd{
text-indent:3em;
}
.fff{
background:#fff
}
dt span,dd span{
display:block;
float:right;
font-size:14px;
border-left:1px solid #f8b3d0;
text-indent:0em;
width:80px;
text-align:center;
}
Xhtml:
复制代码
代码如下:
<dl class=hb>
<dt><span>下载地址</span><span>更新时间</span>ks5u生物同步课课练(人教版必修一)</dt>
<dd class=fff><span>——</span><span>11.2</span>第一节 从生物圈到细胞生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细</dd>
<dd><span>——</span><span>11.3</span>第二节 细胞的多样性和统一性</dd>
<dd class=fff><span>——</span><span>11.4</span>单元测评</dd>
<dd><span>——</span><span>11.5</span>欧美代议制的确立与发展</dd>
<dd class=fff><span>——</span><span>11.6</span>中国古代文化史</dd>
<dd><span>——</span><span>11.7</span>近代中国的政治、经济及思想解放的潮流</dd>
<dd class=fff><span>——</span><span>11.9</span>近代中国政治发展史</dd>
<dd><span>——</span><span>11.10</span>近代中国经济发展史</dd>
<dd class=fff><span>——</span><span>11.11</span>近代中国思想解放潮流</dd>
<dd><span>——</span><span>11.12</span>现代西方的政治、经济与科技文化</dd>
<dd class=fff><span>——</span><span>11.13</span>罗斯福新政与二战后的世界经济</dd>
<dd><span>——</span><span>11.14</span>二战后世界政治格局的演变</dd>
<dd class=fff><span>——</span><span>11.16</span>19世纪以来的世界文学艺术与科技</dd>
<dd><span>——</span><span>11.17</span>现代中国的政治、经济及思想文化</dd>
<dd class=fff><span>——</span><span>11.18</span>现代中国政治发展史 </dd>
<dd><span>——</span><span>11.19</span>现代中国物质文明发展史(中国近现代社会生活的变迁、科技等)</dd>
<dd class=fff><span>——</span><span>11.30</span>古希腊罗马的政治制度</dd></dl>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>www.ruanchen.com--dl dt dd表格</title> <style> dl,dt,dd{ margin:0; background:#fff5fa; font-size:14px; } dl{ margin:0 auto; width:50%; border:1px solid #f8b3d0; border-bottom:none; } dt{ font-weight:800; background:#ff99cc; color:#fff; } dt,dd{ line-height:30px; padding:0 0 0 10px; border-bottom:1px solid #f8b3d0; height:30px; overflow:hidden } dd{ text-indent:3em; } .fff{ background:#fff } dt span,dd span{ display:block; float:right; font-size:14px; border-left:1px solid #f8b3d0; text-indent:0em; width:80px; text-align:center; } </style> </head> <body> <dl class=hb> <dt><span>下载地址</span><span>更新时间</span>ks5u生物同步课课练(人教版必修一)</dt> <dd class=fff><span>——</span><span>11.2</span>第一节 从生物圈到细胞生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细</dd> <dd><span>——</span><span>11.3</span>第二节 细胞的多样性和统一性</dd> <dd class=fff><span>——</span><span>11.4</span>单元测评</dd> <dd><span>——</span><span>11.5</span>欧美代议制的确立与发展</dd> <dd class=fff><span>——</span><span>11.6</span>中国古代文化史</dd> <dd><span>——</span><span>11.7</span>近代中国的政治、经济及思想解放的潮流</dd> <dd class=fff><span>——</span><span>11.9</span>近代中国政治发展史</dd> <dd><span>——</span><span>11.10</span>近代中国经济发展史</dd> <dd class=fff><span>——</span><span>11.11</span>近代中国思想解放潮流</dd> <dd><span>——</span><span>11.12</span>现代西方的政治、经济与科技文化</dd> <dd class=fff><span>——</span><span>11.13</span>罗斯福新政与二战后的世界经济</dd> <dd><span>——</span><span>11.14</span>二战后世界政治格局的演变</dd> <dd class=fff><span>——</span><span>11.16</span>19世纪以来的世界文学艺术与科技</dd> <dd><span>——</span><span>11.17</span>现代中国的政治、经济及思想文化</dd> <dd class=fff><span>——</span><span>11.18</span>现代中国政治发展史 </dd> <dd><span>——</span><span>11.19</span>现代中国物质文明发展史(中国近现代社会生活的变迁、科技等)</dd> <dd class=fff><span>——</span><span>11.30</span>古希腊罗马的政治制度</dd></dl> </body> </html>
提示:您可以先修改部分代码再运行
CSS 用ul li做圆角表格
创建超链接及css 样式设置
评论 (0)
All
登陆
还没注册?