简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

教你怎么使用css3实现隔行换色

PHPz
Lepaskan： 2017-04-02 10:52:21
asal
1902 orang telah melayarinya

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>
Salin selepas log masuk

1463541712676473.png

Atas ialah kandungan terperinci 教你怎么使用css3实现隔行换色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css3，隔行换色
sumber：php.cn
Artikel sebelumnya：详解css的writing-mode文字排版属性的用法 Artikel seterusnya：介绍css3中REM的使用方法
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
Adakah mungkin untuk mempunyai beberapa kelas span pada baris yang sama tanpa menggunakan div s? Saya mahu setiap teks mempunyai warna yang berbeza, jadi saya menggunakan beberapa kelas s...
daripada 2024-04-03 11:17:18
0
1
360
Tambahkan pemisah baris selepas dua syarat dipenuhi: tidak lebih daripada aksara "x" dan berakhir dengan koma atau noktah Saya sedang membuat projek kecil. Matlamat projek ini adalah untuk menanggalkan pemformata...
daripada 2024-04-03 09:17:09
0
1
283
Bagaimana untuk menghentikan kod Javascript daripada menukar hsl kepada rgb secara automatik Saya mempunyai kod ini di mana saya menetapkan warna pada objek dan kemudian menggunakan s...
daripada 2024-03-31 16:46:02
0
1
338
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！