文章元素周围的空间，以不同的颜色

Question

我找到了一个我想要使用的WordPress主题，但唯一的问题是文章的背景颜色与整个页面的背景颜色相同。我希望这两种颜色不同，背景应该更暗，文章白色。

目前的情况如下：

问题在于我不能简单地在background-color上设置article属性，因为它周围没有间距，看起来很糟糕。为了证明：

编辑：此处的绿色应远离文字大约半厘米：

颜色为绿色，因此更容易注意到与文章内容的接近程度。

我想要实现的是在文章标题，信息和内容之间创建一个间距 - 以及网站的背景。但是，我还担心这个间距可能会破坏移动体验，如果它被固定为一个百分比或长度，那么真正的问题是创建它以便它在移动设备上消失或不明显。

我该怎么做？

如果需要，请点击我的博客链接：http://jancorazza.com。

Answer 1

填充可能是您所需要的：

.content-area article {
   background-color: green;
   padding: 25px;
}