Heim > Web-Frontend > CSS-Tutorial > Bringen Sie Ihnen bei, wie Sie mit CSS3 die Farben zwischen Zeilen ändern

Bringen Sie Ihnen bei, wie Sie mit CSS3 die Farben zwischen Zeilen ändern

PHPz
Freigeben: 2017-04-02 10:52:21
Original
1944 Leute haben es durchsucht

Wie erreicht man eine Interlaced-Farbänderung in CSS3? Verwenden Sie die CSS3-Selektoren p:nth-of-type(odd) odd und p:nth-of-type(even) even

Im Folgenden finden Sie einige Beispiele:

<!DOCTYPE html>
<html>
<head>
<style> 
p:nth-of-type(odd)
{
background:#ff0000;
}
p:nth-of-type(even)
{
background:#0000ff;
}
</style>
</head>
<body>
 
<h1>This is a heading</h1>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
 
</body>
</html>
Nach dem Login kopieren

Bringen Sie Ihnen bei, wie Sie mit CSS3 die Farben zwischen Zeilen ändern

Das obige ist der detaillierte Inhalt vonBringen Sie Ihnen bei, wie Sie mit CSS3 die Farben zwischen Zeilen ändern. 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