0

我正在使用此代码将固定宽度的图像居中/定位为我的背景。我需要在填充浏览器窗口边缘的图像周围添加颜色。我试过背景颜色，边框颜色......

因此，图像的宽度为 1050px。如果浏览器窗口是 1500 像素，我想让剩余的区域变黑（例如）。我怎样才能做到这一点？

#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

您的 HTML 无效，您不应该有一个div包含标签的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 回答