CSS:仅在边距内的背景颜色

Question

我已经找到了答案但在任何地方找不到它.我的问题相当简单:我有一个背景颜色的身体,然后是一个很大的边缘,现在我想在边缘内有不同的背景颜色.

我如何用CSS做到这一点？

Answer 1

如果在主体上设置了边距,则设置html标签的背景颜色应该为边距区域着色

html { background-color: black; }
body { margin:50px; background-color: white; }

http://jsfiddle.net/m3zzb/

或者作为dmackerman的建议,设置一个0的边距,但是你想要边距大小的边框并设置边框颜色

Answer 2

你可以使用边框而不是使用边距吗？<div>无论如何,你应该这样做.

像这样的东西？

http://jsfiddle.net/GBTHv/

Answer 3

我需要类似的东西，并想出了使用 :before (或 :after) 伪类：

#mydiv {
   background-color: #fbb;
   margin-top: 100px;
   position: relative;
}
#mydiv:before {
   content: "";
   background-color: #bfb;
   top: -100px;
   height: 100px;
   width: 100%;
   position: absolute;
}

JSFiddle