如何使table中的背景色不会被隔开?

通常情况下,我们设置table的背景颜色会变成这样。
这里写图片描述

会有间隙。如果我们想要去除这些间隙,我们可以在table上设置cellspacing=”0”;

<table cellspacing="0"></table>,效果图如下
这里写图片描述

在这里我只对头部设置背景,其他部位做法一样。
方法一:
设置border的颜色为透明即可。
本质上,虽然看起来是一个,但是这七个单元格还是七个单元格,并没有变成一个。

table>th{
border-color:transparent;
background-color:skyblue;
}

方法二:我们可以通过合并单元格的办法,行合并使用colspan=”“;列合并使用rowspan=”“;
头部有七个单元格(七个合并为一个),所以

<th colspan="7"></th>

然后再来设置这个单元格的背景颜色。

table>th{
background-color:skyblue;
}

方法一、二的效果图。
这里写图片描述

猜你喜欢

转载自blog.csdn.net/qq_40421277/article/details/79352778
今日推荐