表格是我們經(jīng)常在網(wǎng)頁(yè)中使用的一種結(jié)構(gòu),而在網(wǎng)頁(yè)中,我們可以通過(guò)CSS代碼來(lái)對(duì)表格的顏色進(jìn)行調(diào)整。
table { border-collapse: collapse; /* 合并邊框 */ width: 100%; /* 表格寬度 */ margin: auto; /* 表格居中 */ } tr { background-color: #f2f2f2; /* 表格行顏色 */ } th, td { text-align: left; /* 橫向?qū)R方式 */ padding: 8px; /* 單元格內(nèi)邊距 */ border-bottom: 1px solid #ddd; /* 底部邊框 */ } th { background-color: #4CAF50; /* 表頭顏色 */ color: white; /* 表頭文字顏色 */ }
通過(guò)以上CSS代碼,我們可以實(shí)現(xiàn)以下表格效果:
姓名 | 年齡 | 性別 |
---|---|---|
張三 | 20 | 男 |
李四 | 25 | 女 |
王五 | 30 | 男 |
以上表格中,我們可以看到,通過(guò)針對(duì)不同的元素(如表頭、表格行、表格單元格等)設(shè)置不同的CSS樣式,我們可以靈活地控制表格的顯示效果。