文字色を指定する

color: 色指定

color プロパティは、文字の色(前景色)を指定します。
文字色だけを指定していると、ユーザーが設定画面や独自のスタイルシートで
背景色を指定している場合などに、文字が読みにくくなってしまう場合があります。
その様な事を避けるために、文字色を指定する場合には
背景色も同時に指定するようにしましょう。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>CSS覚書</title>
<style type="text/css">
<!--

.type1 {
 color: #009999;
 background: #ffffff
}
.type2 {
 color: #cccc00;
 background: #ffffff
}
.type3 {
 color: #ff9900;
 background: #ffffff
}
-->
</style>

</herd>
<body>
<h1>文字色を指定する</h1>
<p class="type1">■ 文字色に「#009999」を指定しています。</p>
<p class="type2">■ 文字色に「#cccc00」を指定しています。</p>
<p class="type3">■ 文字色に「#ff9900」を指定しています。</p>

</body>
</html>


(画面クリックでWEB上のサイズを見てください。)