在 CSS 中为边距添加颜色答案

【问题标题】：Adding color to margins in CSS在 CSS 中为边距添加颜色
【发布时间】：2012-06-20 23:43:49
【问题描述】：

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

因此，图像的宽度为 1050 像素。如果浏览器窗口是 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>

【问题讨论】：

给body一个背景色？
等等什么？您不能将 <body> 放入 <div>...
@TheZ 图片可以有透明度。
不会解决您的问题，但我认为您不能在 div 中包含 body 标记。
@TylerCrompton 嗯，然后我将图像嵌套在 another 容器中（或者简单地将其放在图像下方）并具有背景颜色：白色。这样身体背景仍然可以是黑色或其他。

标签： css

【解决方案1】：

首先：将div 放入您的body。然后你可以像这样编辑你的身体背景：

body{
    background-color: black;
}

【讨论】：

已解决。我知道这很容易。看到这里眼花缭乱。谢谢。
@WilliamSmith - 如果您认为有帮助，请接受此答案。

【解决方案2】：

您的 HTML 无效，您不应使用包含 body 标记的 div 标记。如果您将div 放在body 中，您应该可以简单地设置body 的背景颜色。

【讨论】：

【解决方案3】：

#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 中

【讨论】：

【解决方案4】：

如果你想知道如何在 CSS 中给边框上色

border: 10x solid #000;

或

border-width: 10px;
border-color: #000;
border-style: solid;

【讨论】：