如果是纯CSS而不是table.....你就想...我先建立一个大层相当与tr...然后再建议N个小层相当于td...不就行了么...........大层的边出现的在左上..而N个小层出现的边是右下............那样就可以了...这样的好处就是...完全不需要合并..但是存在了一个计算....
这样重复的输出的N个小层的话...我倒不如建议你利用JS的循环输出其实才好呢...如果你有100个td...难道还要输出100次么?????所以说...table不是一定就是没用的..虽然它很占代码空间.加了那么多的代码进去..但是要利用好方法...我想...如果利用CSS来做表格的话..肯定要比table来做..要难的多
1.单条虚线代码：<hr style="BORDER-BOTTOM-STYLE: dottedBORDER-LEFT-STYLE: dottedBORDER-RIGHT-STYLE: dottedBORDER-TOP-STYLE: dotted" color=#000000 size=1>
定义一些参数可以获取可爱的细虚线。我们也可以修改其中的color,size的参数可以得到不同的效果……
2.CSS定义表格边框大全(细线/虚线/点线) 定义表格边框全部为1 边框颜色 #C7C7C7代码为： .tb1{ border:1px solid #C7C7C7} 定义表格边框 左1 下1 左1 右1 (实际同上) 边框颜色 #C7C7C7代码为： .td2{ border-top:1px solid #C7C7C7border-bottom:1px solid #C7C7C7border-left:1px solid #C7C7C7border-right:1px solid #C7C7C7} 定义表格边框为1,上边框为0 边框颜色 #C7C7C7 下边框颜色为 #888888代码为： .td2{ border:1px solid #C7C7C7border-top:0pxborder-bottom:1px solid #888888} 定义表格边框虚线代码为： .tb1{ border:1px dashed #C7C7C7} 定义表格边框点线代码为： .tb1{ border:1px dotted #C7C7C7}
使用 CSS border 属性 控制边框线。
定义和用法
border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性：
border-width
border-style
border-color
如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000也是允许的。
border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。可能值有：
注意：
如果是设置表格单元格的表框线，还需要给table标签添加border-collapse 属性。
border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。
