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

高洛峰
Freigeben: 2017-03-10 19:22:05
Original
2403 Leute haben es durchsucht

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;
}
Nach dem Login kopieren


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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage