Topスタイルシートの基本テキスト > 文字の色を指定する

文字の色を指定する

明るい背景の上に、明るい文字色をおいたり、暗い背景の上に暗い文字をおくと、文字が読みにくくなってしまいます。
ストレスなくページを見る事が出来るように、文字の色を指定しましょう。


<p>この文字色を赤くします。</p>
p{ color:#FF0000; }


この文字色を赤くします。


今回は段落「<p>」で色を設定していますが、「<span>」や「<div>」でも設定できます。

また、これだと「<p>」タグの中味全てに赤が指定されてしまうので、一部分だけ設定したい場合は、クラス名(class)を指定して該当部分のみ色付けします。

この文字色を<span class="red">赤</span>くします
.red{ color:#FF0000; }


この文字色をくします。

「文字の色を指定する」関連本

Akasa Rira
みつけたきせき