如何使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;
}

方法一、二的效果圖。
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章