0

このコードを使用して、背景として固定幅の画像を中央に配置/配置しています。ブラウザー ウィンドウの余白を埋める画像の周りに色を追加する必要があります。私は背景色、境界線の色を試しました...

したがって、画像の幅は 1050px です。ブラウザ ウィンドウが 1500px の場合、残りの領域を黒くしたい (たとえば)。これどうやってするの？

#content {
    text-align: left;
    width: 1050px;
    height: 825px;
    margin: 0 auto;
    padding: 0px;
    background-image: url(file:///X|/CarFingers/tabback1_hor.png);
    background-repeat: no-repeat;
} 

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333333;
    text-align: center;
}

<div id="content">
<body>

</body>
</div>
4

4 に答える 4

7

最初: divINSIDE を入れますbody。次に、次のように体の背景を編集できます。

body{
    background-color: black;
}
于 2012-06-20T23:49:34.867 に答える
4

divHTML が無効です。タグをタグで囲んではなりませんbody。div内にを配置するbodyと、 の背景色を簡単に設定できるはずですbody。

于 2012-06-20T23:48:02.503 に答える
1 
#content {
    text-align: left;
    width: 1050px;
    height: 825px;
    margin: 0 auto;
    padding: 0px;
    background-image: url('file:///X|/CarFingers/tabback1_hor.png');
    background-repeat: no-repeat;
} 

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333333;
    text-align: center;
    background-color: #000;      /* Add this to your code */
}

あなたのhtmlであなたはこのようなことをするべきです：

<body>
   <div id="content">
   </div>
</body>

BODYをDIVで囲むことは絶対にしないでください

于 2012-06-20T23:56:48.083 に答える
0

CSS で境界線に色を付ける方法を知りたい場合は、次のようになります。

border: 10x solid #000;

また

border-width: 10px;
border-color: #000;
border-style: solid;
于 2012-06-20T23:54:36.943 に答える