見出しH1を色違いで同じページ内に表示する

■動作ブラウザ　【 IE:4.0　 NN:4.0】　■CSSバージョン【1】
Internet Explorer Netscape Navigator iCab Safari
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.x 6.0 7.0 2.x 1.0
Windows × ○ - ○ ○ ○ × × ○ ○ ○ -
Macintosh × ○ ○ ○ - - × × ○ ○ ○ × ○
UNIX - - - - - - × × ○ ○ ○ -

ポイント
.col1 { color:red; background-color:#FFFFE0; }
.col2 { color:blue; background-color:#FFFF90; }
説　　明 見出しH1を色違いで同じページ内に表示するには、スタイルのクラス定義を使います。クラス定義で文字の色や背景色を指定し、タグ内でclass="〜"として指定します。
サンプル
<html>
<head>
<title>見出しH1を色違いで同じページ内に表示する</title>
<style type="text/css"><!--
.col1 { color:red; background-color:#FFFFE0; }
.col2 { color:blue; background-color:#FFFF90; }
--></style>
</head>
<body>
<h1 class="col1">見出し１</h1>
<p>見出しH1を色違いで同じページ内に表示します。<br>
</p>
<h1 class="col2">見出し２</h1>
<p>見出しH1を色違いで同じページ内に表示します。<br>
</p>
</body>
</html>
補足説明 なし

■サンプルを実行する　>>実行
 ■各ブラウザでの動作結果を見る　>>View!