Heim >Web-Frontend >CSS-Tutorial >Detaillierte Erläuterung der Implementierung der Interlaced-Farbänderungsfunktion der td- und ul-Elemente li der Tabelle
Detaillierte Erläuterung der Implementierung der Interlaced-Farbänderungsfunktion der td- und ul-Elemente li der Tabelle
- 高洛峰Original
- 2017-03-10 19:22:052399Durchsuche
Dieser Artikel erläutert ausführlich die Implementierung der interlaced-Farbwechselfunktion des td- und ul-Elements li der Tabelle
Die Implementierung der interlaced-Farbwechselfunktion des td- und ul-Elements li der Tabelle Element
Verwenden Sie CSS, um das zweite zu steuern. Erzielen Sie ganz einfach einen Interlaced-Farbwechsel mit dem Stil des Autors:
Zum Beispiel: Tabellen-CSS-Stilsteuerung:
table tr td{
background-color:颜色1
}
table tr td:nth-child(2n+1){
background-color:颜色2
}
ul的li样式控制
ul li{
background-color:颜色1；
}
ul li:nth-child(2n+1){
background-color:颜色2；
}
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Implementierung der Interlaced-Farbänderungsfunktion der td- und ul-Elemente li der Tabelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!