Rumah >hujung hadapan web >tutorial css >教你怎么使用css3实现隔行换色
教你怎么使用css3实现隔行换色
- PHPzasal
- 2017-04-02 10:52:211923semak imbas
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!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：详解css的writing-mode文字排版属性的用法Artikel seterusnya：介绍css3中REM的使用方法