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

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