スタイル指定部(クリックすると説明が出ます。)に次のように記述します。
.red{color:red}
.blue{color:blue}
.bky{background:yellow}
文字の色を変えたいところに、次のように記述します。
<SPAN CLASS=red>ここの文字は赤色です。</SPAN>
背景の色を変えたいところに次のように記述します。
<SPAN CLASS=bky>ここに記述している文字の背景色は黄色です。</SPAN>
ブロック全体の背景色を変えたい場合は、次のように記述します。
<DIV CLASS=bky>
ここのブロックは背景色が黄色です。
そして、<SPAN CLASS=blue>ここの文字は青色です。</SPAN>
</DIV>
- .red{color:red}:CLASS属性で、赤色を指定する
- .blue{color:blue}:CLASS属性で、青色を指定する
- .bky{background:yellow}:CLASS属性で、背景に黄色を指定する
- これらは必要なものだけ記述すればよい。.redなどは自由に指定する。「.」(ドット)は必須。
ブラウザ対応表
ブラウザ | IE | Netscape | Opera
|
バージョン5.00 | 5.50 | 6.0 | 6.2.3 | 7.01 | 6.06 | 7.21
| 対応 | ○ | ○ | ○ | ○ | ○ | ○ | ○
| |