您现在的位置是：网站首页> 编程资料编程资料

CSS 之dl dt dd模拟表格实例代码_CSS教程_CSS_网页制作_

2023-10-31 182人已围观

简介 div+css再牛*也无法完全取代table，很多时候还是需要用到表格，这里就不探讨孰优孰劣，什么时候要用表格什么时候用div了。

随便搜下，几十万条。贴出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:

复制代码
代码如下:


下载地址更新时间ks5u生物同步课课练（人教版必修一）

——11.2第一节 从生物圈到细胞生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细

——11.3第二节 细胞的多样性和统一性

——11.4单元测评

——11.5欧美代议制的确立与发展

——11.6中国古代文化史

——11.7近代中国的政治、经济及思想解放的潮流

——11.9近代中国政治发展史

——11.10近代中国经济发展史

——11.11近代中国思想解放潮流

——11.12现代西方的政治、经济与科技文化

——11.13罗斯福新政与二战后的世界经济

——11.14二战后世界政治格局的演变

——11.1619世纪以来的世界文学艺术与科技

——11.17现代中国的政治、经济及思想文化

——11.18现代中国政治发展史

——11.19现代中国物质文明发展史（中国近现代社会生活的变迁、科技等）

——11.30古希腊罗马的政治制度



提示：您可以先修改部分代码再运行

上一篇：CSS 用ul li做圆角表格_CSS教程_CSS_网页制作_

下一篇：创建超链接及css 样式设置_CSS教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网