通常情況下,我們設置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;
}
方法一、二的效果圖。