CSS是一種用于控制網(wǎng)頁(yè)樣式的語(yǔ)言,它可以控制 HTML 元素的外觀和布局。在網(wǎng)頁(yè)設(shè)計(jì)中,常常需要對(duì)表格進(jìn)行美化。本文介紹如何使用CSS設(shè)置表格單元格的背景。
在HTML中,表格是由
table { border-collapse: collapse; } td { background-color: #f2f2f2; }
在上述CSS樣式中,border-collapse用于控制單元格的邊框是否合并, 如果不設(shè)置該屬性,相鄰單元格會(huì)有一定間距。而 background-color設(shè)置了單元格的背景顏色為淺灰色(#f2f2f2)。
如果需要給表格不同的單元格設(shè)置不同的顏色,可以使用nth-child()偽類。
td:nth-child(even) { background-color: #e6eeff; } td:nth-child(odd) { background-color: #f2f2f2; }
在上述CSS樣式中,even表示偶數(shù)單元格,odd表示奇數(shù)單元格,分別為其設(shè)置了不同的背景顏色。
總之,通過(guò)CSS的background-color屬性以及nth-child()偽類,我們可以輕松地美化表格單元格的背景樣式。