Heim  >  Artikel  >  Web-Frontend  >  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:052355Durchsuche

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!

Stellungnahme:
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