Step9文字・背景に色をつける

このコーナでは背景や文字に色をつける方法について説明します。

背景に色をつける

hare01.gif (2050 バイト)ページ全体(背景)に色を設定します。

タグ <BODY BGCOLOR=#RGBコード(or カラー名称)> 〜 </BODY>
機能 ページ全体の背景色を指定します
説明

HTMLファイル(例)

ブラウザでの表示(例)

<HTML>
<BODY BGCOLOR=#00FFFF><H1>背景色練習</H1>
この背景色は水色です。</BODY>
</HTML>

 

背景色練習

この背景色は水色です。

 

BODYタグ自体はページ全体に関するタグですから、BODYタグのBGCOLORという属性で色を指定すると、ここで指定する属性も画面全体に有効となります。

RGBコードは、詳細は関連知識記載しますが、色の3原色(光の3原色)の赤(Red)緑(Green)青(Blue)を16進数2桁づつで指定をします。

文字に色をつける

hare01.gif (2050 バイト)FONTタグのCOLOR属性を使うと、文字単位に色を設定することができます。

タグ <FONT COLOR=#RGBコード(or カラー名称)>  〜   </FONT>
機能 〜部で指定した文字にRGBに対応した色をつけます
説明

HTMLファイル(例)

ブラウザでの表示(例)

<HTML>
<BODY>
<FONT COLOR=#FF0000>赤色文字</FONT><P><FONT COLOR=#00FF00>緑色文字</FONT><P><FONT COLOR=#0000FF>青色文字</FONT><P></BODY>
</HTML>

赤色文字

緑色文字

青色文字

 

 rback051.gif (353 バイト)   rnext048.gif (334 バイト)   rmenu057.gif (363 バイト)     

sign.gif (7006 バイト)