colorプロパティは、文字色を指定する際に使用します。
文字色を指定する際には、同時に背景色も指定するようにしてください。
ユーザーの環境で背景色が指定されている場合には、背景色と文字色の関係により、文字が読みにくくなってしまうことがあるからです。
p.sample {
color: #000000;
background-color: #99cc00
}
<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
<p class=”sample”>
同じ色でも他の色との組み合わせや使用面積によって、イメージが大きく変わります。背景色を決める際のポイントの1つは、そのページ内の他の色との関係を考えてみることです。また、見た目の美しさだけではなく、サイト全体の配色計画と矛盾していないか、文字が読みにくくなっていないか、といった機能面からの考察も大切です。
</p>
</body>
</html>
同じ色でも他の色との組み合わせや使用面積によって、イメージが大きく変わります。背景色を決める際のポイントの1つは、そのページ内の他の色との関係を考えてみることです。また、見た目の美しさだけではなく、サイト全体の配色計画と矛盾していないか、文字が読みにくくなっていないか、といった機能面からの考察も大切です。