用css设置html中table样式

2020-07-01 17:51:37 浏览数 (1)

2015-08-14 06:06:33

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

代码语言:javascript复制
border:1px solid #E4E4E4;

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

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

代码语言:javascript复制
border-collapse:collapse;border-spacing:0;

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

0 人点赞