HTML笔记 ·

用css设置html中table样式

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

border:1px solid #E4E4E4;

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

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

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

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

参与评论