Rumah > Artikel > hujung hadapan web > 教你怎么使用css3实现隔行换色
css3如何实现隔行换色呢?使用css3选择器 p:nth-of-type(odd)奇数 和 p:nth-of-type(even)偶数
以下是部分实例:
<!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>
Atas ialah kandungan terperinci 教你怎么使用css3实现隔行换色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!