隔行變色是網頁設計中常用的一種樣式,可以讓網頁更加美觀。CSS代碼可以實現(xiàn)隔行變色,以下是實現(xiàn)隔行變色的CSS代碼。
/* 隔行變色 */ tr:nth-child(odd) { background-color: #f2f2f2; } tr:nth-child(even) { background-color: #ffffff; }
以上代碼中,tr:nth-child(odd)
表示選擇奇數(shù)行進行樣式修改,tr:nth-child(even)
表示選擇偶數(shù)行進行樣式修改。
在使用該代碼時需要注意,它只能作用在表格的tr
標簽中。如果需要在其他標簽上實現(xiàn)隔行變色,則需要使用其他的CSS樣式。