css表格边框处理详解

摘要：这几天做一个网址导航站的模板，在网上做了一下参考。发现一个表格CSS边框和内边框做的非常好 ，效果如下！ table{ background-color:#9C9;} td{ background-color:#CFC;}      &nb…

这几天做一个网址导航站的模板，在网上做了一下参考。

发现一个表格CSS边框和内边框做的非常好 ，效果如下！

呵呵先说明一下 我CSS功底学的实在不怎么的，想自己用CSS做出这样的表格来，没有想到竟然做不出来。

真是悲哀死了，经过分析对方CSS，一个参数一个参数去掉最终终于搞明白了。

上面那个表格的原理 先把代码贴出来。

原理：先构建一个表格 然后 定义间距为1，注意这里非常重要，表格的整体分析也可以说是由外到内的盒子模型。然后我在抽象一点就像一个盒子模型里中间一个方块用绝对定位出来的效果。

我这里说的有点啰嗦了 意思就是我们定义整个表格的背景。 然后在定义每个单元格的背景。单元格是表格的一个内置元素，他们之间的间距 是1 他们与父单位 表格的单位也是1。而这个是就是由背景颜色填充。OK，搞定，哪么宽度为1PX的背景线不久出来了吗？就是上面的那个效果图！

我看过网上的许多文章，都没有对此的详细解释，今天我在这里写一下，希望高手不要鄙视我！是写给新人看的！

了解这个原理以后，你就可以做出很漂亮的表格哦！