CSS可以用來(lái)設(shè)置網(wǎng)頁(yè)中表格的單元格樣式,使表格顯示更加美觀、清晰、易讀。下面就來(lái)介紹一下如何使用CSS設(shè)置單元格。
/* 設(shè)置表格單元格的默認(rèn)樣式 */ table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid black; padding: 8px; } /* 設(shè)置表頭單元格的顏色和背景色 */ th { background-color: #4CAF50; color: white; } /* 設(shè)置偶數(shù)行單元格的背景色 */ tr:nth-child(even) { background-color: #f2f2f2; }
上述代碼中,第一段代碼設(shè)置了表格的默認(rèn)樣式,包括了單元格的邊框線(xiàn)條樣式、內(nèi)邊距等。
第二段代碼設(shè)置表頭(即第一行單元格)的顏色和背景色,使其在表格中更加醒目。
第三段代碼設(shè)置了偶數(shù)行單元格的背景色,使表格行之間的差異更加明顯。
以上就是簡(jiǎn)單的表格單元格樣式設(shè)置代碼示例,可以根據(jù)具體需求做出調(diào)整和修改。同時(shí),我們也可以根據(jù)需要為每個(gè)單元格設(shè)置特定的樣式,讓表格更加生動(dòng)、精美,提高網(wǎng)頁(yè)質(zhì)量。