marginの色指定

[新着] Webテンプレートを仮オープンしました



0   名前: さあや : 2006/08/07(月) 22:48  ID:IlPpCxjP
ページの左右に青色のマージンを作りたいです。
|-------------------|
| | | |
| | | |
| | | |
| 青 | 白 | 青 |
| | | |
| | | |
| | | |
|-------------------|

marginのCSSをみても、マージンの色指定が見当たりません。
このように、background-colorを指定したら、全体的に青くなります。
マージンの色だけ指定するのは不可能ですか?


<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=EUC-JP">
<LINK HREF="style.css" REL="stylesheet" TYPE="text/css">
</HEAD>
<BODY>
test

</BODY>
</HTML>

ちなみに、CSSファイルは:
BODY { margin-top : 0px;
margin-right : 50px;
margin-bottom : 0px;
margin-left : 50px;
font-size : x-small;
background-color : lightblue; }

1   名前: イサ : 2006/08/07(月) 22:48  ID:0yJG31Zh
マージンというのは、余白です。

余白ですから、文字も書けないし色も指定できません。

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=EUC-JP">
<LINK HREF="style.css" REL="stylesheet" TYPE="text/css">
</HEAD>
<BODY>
<div id="container">
メイン部分
</div>
</BODY>
</HTML>

CSSファイルは、

BODY {background-color : lightblue;
      margin:0;
      padding:0;}


#container   {background-color:#ffffff;
              margin-top : 0px;
           margin-right : 50px;
           margin-bottom : 0px;
           margin-left : 50px;
           font-size : x-small;}
              
 


上記で出来ると思います。



一覧へ戻る