見出しをCSSで装飾する(文字色)

見出しをCSSで装飾する(文字色)見出しをCSSで装飾する(文字色)の表示例

見出しの文字の色をスタイルシートを使って変更しましょう。文字の色の変更は<font color=”★”> ~ </font>でも指定できますが、スタイルシートを使うことが推奨されています。

カラーコードで指定する

color: #66CC00;
color: #87cefa;
color: #66cdaa;

など、どんなカラーコードでどんな色になるかWebセーフカラーのカラーチャートをごらん下さい。

カラーネームで指定する

color: limegreen;
color: turquoise;
color: navy;

など、どんなカラーネームでどんな色になるかWebカラーネーム(1)~(6)をごらん下さい。

CSS記述例

見出しを記述する」の<head> ~ </head>内に以下を記述します。

<style type="text/css">  
<!-- 
h1 { color: #66CC00; }
h2 { color: #87cefa; }
h3 { color: #66cdaa; }
h4 { color: limegreen; }
h5 { color: turquoise; }
h6 { color: navy; }
-->  
</style>

見出しをCSSで装飾する(文字色)の表示例

はてなブックマーク数 このエントリーをはてなブックマークに追加 Yahoo!ブックマークに登録