南强小屋 Design By 杰米
随便搜下,几十万条。贴出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>


提示:您可以先修改部分代码再运行
标签:
dl,dt,dd,模拟表格

南强小屋 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
南强小屋 Design By 杰米

评论“CSS 之dl dt dd模拟表格实例代码”

暂无CSS 之dl dt dd模拟表格实例代码的评论...

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。