如何在图像和彩色背景之间放置空间

【问题标题】：How do you put space between an image and colored background如何在图像和彩色背景之间放置空间
【发布时间】：2013-08-09 13:08:40
【问题描述】：

我试图在只有空白的图像周围放置一个边框，然后在块元素和图像的标题中放置一个彩色背景。这是我尝试对http://www.metnews.org/news/aurora-remembers-holmes-victims/执行此操作的页面

谢谢。

【问题讨论】：

嗯.. 我不确定你尝试了什么。但是为什么不给它的容器添加一个白色边框呢？

标签： image wordpress css

【解决方案1】：

你的边框css写错了，看看style.css第1012行的article.post .wp-caption img中的标签：

 border: 5px #FFF;

应该读作：

 border: 5px solid #FFF;

当我添加它时，边框会显示在图像周围。

【讨论】：

【解决方案2】：

如果元素是这样构造的

<div class="container">
    <img src="...">
</div>

，您可以像这样在图像周围设置白色背景：

.container {
    background-color: red;
}

.container img {
    display: block;
    padding: 5px /* to expose the white background */
    background-color: white;
}

【讨论】：