HTML中的table元素使用非常普遍,我們通常會用CSS調整它的樣式,其中背景色也是一個不可忽略的屬性。在HTML中設置table背景色可以使用bgcolor屬性或CSS樣式設置,下面就來介紹一下吧。
首先是使用bgcolor屬性設置背景色,具體實現就是將bgcolor屬性加入到table標簽中,這樣table的背景色就被修改了。例如:
<table bgcolor="#FFFFFF">
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>
上述代碼設置table的背景色為白色,此時兩行兩列的表格的背景色也變成了白色。
接下來是使用CSS樣式來設置table背景色,這里需要用到CSS的background-color屬性,具體實現是將要設置的背景色加入到表格樣式中,例如:<style type="text/css">
table{
background-color:#C4C4C4;
}
</style>
<table>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</table>
此時表格的背景色被設置為淺灰色,與上一個例子輸出的效果相同。
總結來說,設置table背景色有兩種方式:一種是使用bgcolor屬性,直接在HTML中設置,另一種是使用CSS樣式中的background-color屬性進行設置。需要注意的是,使用CSS樣式設置時需要給table添加一個類或者ID屬性,再在樣式中進行設置。上一篇mysql例子table
下一篇css3文本浮雕效果