用css设置html中table样式

2015-08-14 06:06:33

一般情况下table默认是没有边框的，那我们应该如何给它添加边框和颜色呢，下面我们来看一下

border:1px solid #E4E4E4;

这行代码就是给table标签设置边框的代码，如果将这行代码用于table标签，则会产生一个矩形框，也就是说它产生的边框是table的外围。如果想每一行每一列都设置边框，则需要给相应的tr标签和td标签设置该属性。

当我们设置好边框之后我们会发现table的行与行之间有很多空隙，那么我们需要添加代码来去除table标签中行与行之间的行间距。下面看代码

border-collapse:collapse;border-spacing:0;

将这段代码给table标签设置，即可发现行与行之间的行间距消失了。