CSS奇偶行變色代碼是通過使用CSS選擇器來為一個HTML表格的奇數行和偶數行應用不同的背景顏色。這可以幫助更好地區分行,使表格更易于閱讀。
/* 設置偶數行的背景顏色 */ tr:nth-child(even) { background-color: #f2f2f2; } /* 設置奇數行的背景顏色 */ tr:nth-child(odd) { background-color: #fff; }
上面的代碼使用了CSS3選擇器nth-child來選取表格中的奇偶行。even表示偶數行,odd表示奇數行。這些選擇器可以與CSS屬性結合使用,設置不同的樣式。
通過奇偶行變色,您可以增強表格的可讀性,使其更易于理解。這個技巧還可以應用于其他的HTML元素,如列表、導航菜單等。