仓酷云

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

[DIV+CSS] 来看看:div共同css摹拟表格效果

[复制链接]
海妖 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:07:33 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

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

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

x
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。
<!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=utf-8"/><title>DIV+CSS摹拟表格效果-bykoyoz.com</title><styletype="text/css">*{margin:0;padding:0}#main{margin:100px00200px}#mainul{width:520px;height:165px;list-style:none}#mainli{border-left:1pxsolid#ccc;border-top:1pxsolid#ccc;float:left;width:102px;height:33px;text-align:center;line-height:33px}#mainli.b{border-bottom:1pxsolid#ccc}#mainli.r{border-right:1pxsolid#ccc}</style></head><body><divid="main"><ul><li>11</li><li>11</li><li>11</li><li>11</li><liclass="r">11</li><li></li><li></li><li></li><li></li><liclass="r">11</li><li></li><li></li><li></li><li></li><liclass="r">11</li><li></li><li></li><li></li><li></li><liclass="r">11</li><liclass="b"></li><liclass="b"></li><liclass="b"></li><liclass="b"></li><liclass="br">11</li></ul></div></body></html>


提醒:您能够先修正部分代码再运转,复制代码和保留代码功效在Firefox下有效。
主笔:破洛洛http://www.poluoluo.com




你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-4 20:02

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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