如何在图像和彩色背景之间留出空间

Question

我试图在白色空间的图像周围基本上放置一个边框，然后在块元素和图像标题中添加彩色背景。这是我试图对http://www.metnews.org/news/aurora-remembers-holmes-victims/

执行此操作的页面

感谢。

Answer 1

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

 border: 5px #FFF;

应该读一下：

 border: 5px solid #FFF;

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

Answer 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;
}