来看看:CSS教程:dl dt dd摹拟表格实例
有了CSS,我们不再需要用FONT标签或者透明的1pxGIF图片来控制标题,改变字体颜色,字体样式等等网页制造poluoluo文章简介:dldtdd制造表格.
div+css再牛*也没法完整代替table,良多时分仍是必要用到表格,这里就不切磋孰优孰劣,甚么时分要用表格甚么时分用div了。任意搜下,几十万条。贴出dldtdd摹拟表格实例,不保举在实践项目中利用,能够懂得dldtdd的用法。测试扫瞄器:IE6IE7IE8FF3.0
CSS:
dl,dt,dd{
margin:0;
background:#fff5fa;
font-size:14px;
}
dl{
margin:0auto;
width:50%;
border:1pxsolid#f8b3d0;
border-bottom:none;
}
dt{
font-weight:800;
background:#ff99cc;
color:#fff;
}
dt,dd{
line-height:30px;
padding:00010px;
border-bottom:1pxsolid#f8b3d0;
height:30px;
overflow:hidden
}
dd{
text-indent:3em;
}
.fff{
background:#fff
}
dtspan,ddspan{
display:block;
float:right;
font-size:14px;
border-left:1pxsolid#f8b3d0;
text-indent:0em;
width:80px;
text-align:center;
}
Xhtml:
<dlclass=hb>
<dt><span>下载地点</span><span>更新工夫</span>ks5u生物同步课课练(人教版?一)</dt>
<ddclass=fff><span>——</span><span>11.2</span>第一节从生物圈到细胞生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细</dd>
<dd><span>——</span><span>11.3</span>第二节细胞的多样性和一致性</dd>
<ddclass=fff><span>——</span><span>11.4</span>单位测评</dd>
<dd><span>——</span><span>11.5</span>西欧代议制切实其实立与开展</dd>
<ddclass=fff><span>——</span><span>11.6</span>中国现代文明史</dd>
<dd><span>——</span><span>11.7</span>近代中国的政治、经济及头脑束缚的潮水</dd>
<ddclass=fff><span>——</span><span>11.9</span>近代中国政治开展史</dd>
<dd><span>——</span><span>11.10</span>近代中国经济开展史</dd>
<ddclass=fff><span>——</span><span>11.11</span>近代中国头脑束缚潮水</dd>
<dd><span>——</span><span>11.12</span>古代东方的政治、经济与科技文明</dd>
<ddclass=fff><span>——</span><span>11.13</span>罗斯福新政与二战后的天下经济</dd>
<dd><span>——</span><span>11.14</span>二战后代界政治格式的演化</dd>
<ddclass=fff><span>——</span><span>11.16</span>19世纪以来的天下文学艺术与科技</dd>
<dd><span>——</span><span>11.17</span>古代中国的政治、经济及头脑文明</dd>
<ddclass=fff><span>——</span><span>11.18</span>古代中国政治开展史</dd>
<dd><span>——</span><span>11.19</span>古代中国物资文化开展史(中国近古代社会生存的变迁、科技等)</dd>
<ddclass=fff><span>——</span><span>11.30</span>古希腊罗马的政治轨制</dd></dl><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>www.poluoluo.com--dldtdd表格</title><style>dl,dt,dd{margin:0;background:#fff5fa;font-size:14px;}dl{margin:0auto;width:50%;border:1pxsolid#f8b3d0;border-bottom:none;}dt{font-weight:800;background:#ff99cc;color:#fff;}dt,dd{line-height:30px;padding:00010px;border-bottom:1pxsolid#f8b3d0;height:30px;overflow:hidden}dd{text-indent:3em;}.fff{background:#fff}dtspan,ddspan{display:block;float:right;font-size:14px;border-left:1pxsolid#f8b3d0;text-indent:0em;width:80px;text-align:center;}</style></head><body><dlclass=hb><dt><span>下载地点</span><span>更新工夫</span>ks5u生物同步课课练(人教版?一)</dt><ddclass=fff><span>——</span><span>11.2</span>第一节从生物圈到细胞生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细生物圈到细</dd><dd><span>——</span><span>11.3</span>第二节细胞的多样性和一致性</dd><ddclass=fff><span>——</span><span>11.4</span>单位测评</dd><dd><span>——</span><span>11.5</span>西欧代议制切实其实立与开展</dd><ddclass=fff><span>——</span><span>11.6</span>中国现代文明史</dd><dd><span>——</span><span>11.7</span>近代中国的政治、经济及头脑束缚的潮水</dd><ddclass=fff><span>——</span><span>11.9</span>近代中国政治开展史</dd><dd><span>——</span><span>11.10</span>近代中国经济开展史</dd><ddclass=fff><span>——</span><span>11.11</span>近代中国头脑束缚潮水</dd><dd><span>——</span><span>11.12</span>古代东方的政治、经济与科技文明</dd><ddclass=fff><span>——</span><span>11.13</span>罗斯福新政与二战后的天下经济</dd><dd><span>——</span><span>11.14</span>二战后代界政治格式的演化</dd><ddclass=fff><span>——</span><span>11.16</span>19世纪以来的天下文学艺术与科技</dd><dd><span>——</span><span>11.17</span>古代中国的政治、经济及头脑文明</dd><ddclass=fff><span>——</span><span>11.18</span>古代中国政治开展史</dd><dd><span>——</span><span>11.19</span>古代中国物资文化开展史(中国近古代社会生存的变迁、科技等)</dd><ddclass=fff><span>——</span><span>11.30</span>古希腊罗马的政治轨制</dd></dl></body></html>
</p>
你可以轻松地控制页面的布局。 AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。 还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。 不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。 俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。 俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。 技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
页:
[1]