ココのスタイルシートで遊びませんか

背景色
(background-color)

背景色を指定するなら<body background="#C0C0C0"> とか <body background="Silver"> のように、HTMLの<body> タグに直接書き込めばいいのですよね。スタールシートでも同じように設定することができます。
このページではHEAD部に下のように書かれています。
<style type="text/css">
<!--
BODY { background-color:#C0C0C0; }
-->
</style>
もちろん下でも同じ結果です。
<style type="text/css">
<!--
BODY { background-color:Silver; }
-->
</style>

BODY { background-color:transparent; }
とすると透明の背景の色(何も指定していない状態)になります。

ここまでは画面全体の背景色(<body>)での設定でしたが、例えばイタリックの背景だけを変えることもできます。
背景色は変わっていますか?
<style type="text/css">
<!--
I { background-color:EEEEEE; }
-->
</style>

上は赤く短い罫線に見えますか。これは下のように書かれています。
<hr style="width:30%; height:5; background-color:red;>

background-color での色の指定方法には10進数やRGBの割合などでも指定できます。詳しくは「色指定」を参照してください。

| Back | Coco's Home | ココのスタイルシートで遊びませんか(Top) |

Copyright 2001-2002 Coco's Home. All rights reserved.