在CSS中,我們可以使用偽類選擇器來只將偶數(shù)列添加背景色,以下是一個(gè)示例代碼:
table { width: 100%; border-collapse: collapse; } table tr:nth-child(even) { background-color: #f2f2f2; } table th, table td { border: 1px solid #000; padding: 8px; text-align: left; }
在這個(gè)示例中,我們使用了nth-child(even)
偽類選擇器來選擇偶數(shù)行的行元素(tr
),并添加了背景色,這樣,只有偶數(shù)行的背景色會(huì)被改變,而奇數(shù)行的背景色則保持默認(rèn)設(shè)置,這種方法可以應(yīng)用于任何使用行元素(如tr
)的表格中,為偶數(shù)列添加獨(dú)特的樣式。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。