通常情况下,我们设置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;
}
方法一、二的效果图。