HTML中的TD設置背景顏色非常簡單,我們只需要在TD標簽中添加一個style屬性,并通過CSS設置背景顏色即可。
例如,以下代碼將第一列TD的背景顏色設置為紅色。
第一列 第二列 第一列 第二列
如果我們要將第一列和第二列的背景顏色都設置為灰色,則可以將樣式定義在CSS中。
在標簽中添加以下樣式定義。<style>
td {
background-color: gray;
}
td:first-child {
background-color: red;
}
</style>
在上面的代碼中,我們為TD標簽設置了兩個不同的樣式。第一個樣式定義將所有TD的背景顏色設置為灰色,而第二個樣式定義則只將第一個TD的背景顏色設置為紅色。這里我們使用了CSS的:first-child偽類選擇器,以選取第一列的TD。
下面是使用以上樣式定義的HTML代碼。第一列 第二列 第一列 第二列
以上代碼將第一列TD的背景色設置為紅色,其他TD的背景色都設置為灰色。您可以根據自己的需要在CSS中定義更多的樣式,以實現更多的表格樣式效果。