简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > CSSチュートリアル > 本文

css3を使用して行間の色を変更する方法を教えます

PHPz
リリース： 2017-04-02 10:52:21
オリジナル
1913 人が閲覧しました

CSS3でインターレースカラー変更を実現するにはどうすればよいですか? css3 セレクター p:nth-of-type(odd) odd および p:nth-of-type(even) 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>
ログイン後にコピー

css3を使用して行間の色を変更する方法を教えます

以上がcss3を使用して行間の色を変更する方法を教えますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
css3，隔行换色
ソース：php.cn
前の記事：CSSライティングモードのテキストレイアウト属性の使い方を詳しく解説 次の記事：css3 での REM の使用の紹介
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
div を使用せずに複数のスパンクラスを同じ行に置くことは可能ですか? 各テキストに異なる色を付けたかったので、複数のスパンクラスを使用して CSS で色を設定しました。また、テキストに改行を入れたかったので、div を使用しました。このフィドルは私が...
から 2024-04-03 11:17:18
0
1
360
2 つの条件 (「x」文字以内、カンマまたはピリオドで終わる) が満たされた後に改行を追加します。 私は小さなプロジェクトに取り組んでいます。このプロジェクトの目標は、書式設定 (二重スペース、数字、改行) を取り除き、「x」文字ごとに改行して値を出力することですが、必ずカンマま...
から 2024-04-03 09:17:09
0
1
283
JavaScript コードが hsl から rgb に自動的に変換するのを停止する方法 このコードでは、オブジェクトに色を割り当て、条件を使用して項目が選択されているかどうかを確認します。ただし、JavaScript (またはブラウザ) が HSL を RGB に変換...
から 2024-03-31 16:46:02
0
1
338
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！