您当前的位置: 站长圈 > 技术文章 > 网页前端 > 用html制作一个简单的细线表格

用html制作一个简单的细线表格

来源:站长圈 作者:adminzzq 点击: 0
在网页中常常要用到表格,有些朋友曾经问过我,不用css有没有一个简单的方法可以做出细线表格呢?答案是:当然可以。用html就能直接制作细线表格。

    然后他们纠结在表格的border属性里跳不出来,因为那样做出的表格边框比较粗。其实制作细线表格的原理是利用了表格和单元格的背景颜色还有间距3者之间的关系。
    首先设置表格的背景颜色,这个就是你要的边框颜色,如bgcolor="#000000",第二步设置每个单元格的背景颜色 ,现在的效果就是一个黑色的大框里整齐的排列着很多小框,而框与框之间的1像素距离看上去就像边框一样了,所以最重要的第三步是设置表格的间距cellspacing="1"。具体代码如下:
\

效果如下:
\