XHTML/CSS・トップ | CSSプロパティ・目次

●フォントに色を指定する

 colorは文字色(背景色より手前の色=前景色)を指定するプロパティです。また、すべての要素に適用できます。

【CSS】

h4 {
 color: #ff00ff
}
p {
 color: #800000
}

 レベル4の見出しに#ff00ff(紫紅色)の文字色を指定し、段落の文字に#800000(えび茶色)の色を指定しています。


【備考】

 文字色と背景色は両方指定する必要があります。どちらか片方だけだとユーザーの環境によってはコントラストがわかりにくく、文字が見えにくい場合があります。

 実践的な文字色の構成としては、背景色と同時に基本となる全体のテキスト色をまず指定し、その上で必要に応じて、ほかの要素に新たに文字色を指定すると良いでしょう。

【CSS】

body {
 background-color: #000000;
 color: #ffffff;
}
h3 {
 color: #ff00ff;
}

 これでも構いませんが、クラス名(ID名含む)を使って指定するとより実践的になります。(クラス名の使い方は関連ページ参照)


■関連ページ

XHTML/CSS・目次 | フォント・目次

Copyright (C) 2004-2007 http://www.xml.vc/