仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 881|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来看看:CSS教程:dl dt dd摹拟表格实例

[复制链接]
小女巫 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:31:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
有了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>
[Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
</p>
你可以轻松地控制页面的布局。
兰色精灵 该用户已被删除
沙发
发表于 2015-1-17 23:09:14 | 只看该作者
AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。
蒙在股里 该用户已被删除
板凳
发表于 2015-1-22 07:52:52 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
精灵巫婆 该用户已被删除
地板
发表于 2015-1-31 05:03:12 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
山那边是海 该用户已被删除
5#
发表于 2015-2-6 17:37:41 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
爱飞 该用户已被删除
6#
发表于 2015-2-17 21:51:48 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
7#
发表于 2015-3-5 23:46:38 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
飘飘悠悠 该用户已被删除
8#
发表于 2015-3-12 16:37:52 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-3 22:30

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表