CSS控制table奇偶行顏色的方法非常簡單,我們可以通過設置CSS樣式來實現。
table { width: 100%; border-collapse: collapse; } /* 設置偶數行的背景色 */ tr:nth-child(even) { background-color: #f2f2f2; } /* 設置奇數行的背景色 */ tr:nth-child(odd) { background-color: #fff; } /* 設置表頭的背景色 */ th { background-color: #ddd; font-weight: bold; text-align: left; padding: 5px; border: 1px solid #000; } /* 設置單元格的邊框和內邊距 */ td { border: 1px solid #000; padding: 5px; }
這里我們使用CSS的nth-child選擇器來為偶數行和奇數行設置不同的背景色。如果需要設置表頭的樣式,可以使用th元素選擇器來設置表頭的背景色和邊框樣式,如果需要設置單元格的樣式,可以使用td元素選擇器來設置單元格的邊框樣式和內邊距。
上一篇ajax注冊 輸入數據庫
下一篇java里類和類怎么繼承