前へ 目次 次へ
背景と文字色
 

BODY要素にはいくつかの属性が指定できます。 いずれも、スタイルシートで指定することが望ましいため、 推奨されていません。

 
背景色を変更する bgcolor(推奨しない)
 

BODY要素のbgcolor属性を利用すると、キャンバスの背景色を変更することができます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<HTML lang="ja">
<HEAD>
<TITLE>「歩行ロボット進化論」</TITLE>
<META name="author" content="0N0">
<META name="keywords" content="ロボット,歩行,2足,4足">
<META name="description" content="歩行ロボットを自作する人のための情報ページです">
<META http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
</HEAD>
<BODY bgcolor="blue">
<UL>
<LI>自己紹介</LI>
<LI>自作歩行ロボット紹介</LI>
<LI>歩行ロボットリンク集</LI>
<LI>日記</LI>
</BODY>
</HTML>

クリックすると表示結果をみることができます

指定できる色については、色についてをご覧ください。

 
テキストの前景色(文字色)を変更する text(推奨しない)
 

BODY要素のtext属性を利用すると、文字色を変更することができます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
<HTML lang="ja">
<HEAD>
<TITLE>「歩行ロボット進化論」</TITLE>
<META name="author" content="0N0">
<META name="keywords" content="ロボット,歩行,2足,4足">
<META name="description" content="歩行ロボットを自作する人のための情報ページです">
<META http-equiv="Content-Type" content="text/html;charset=Shift_JIS">
</HEAD>
<BODY text="red">
<UL>
<LI>自己紹介</LI>
<LI>自作歩行ロボット紹介</LI>
<LI>歩行ロボットリンク集</LI>
<LI>日記</LI>
</BODY>
</HTML>

クリックすると表示結果をみることができます

指定できる色については、色についてをご覧ください。

 
背景色と文字色の対応を見る
 

背景色と文字色を決める際に、画面上で確認しながらできると便利ですね。

ZSPCZSPC Super Color Chartなどを使って、 確認して見ると良いかと思います。

 
2003/06/18(Wed)
トップページへ
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送