css - 如何在保留 webkit-box-shadow 的同时使图像具有填充？

Question

我想对我网站上的所有图像进行样式设置，使其具有 10 像素的框阴影和填充，这样文本就不会被它们弄脏。但是，当我使用 CSS 将任何填充分配给“img”时，框阴影会绘制在填充的边缘，从而在图像周围留下 10px 的空白空间。

#content img {
    -moz-box-shadow: 0 0 5px 2px #282a2d;
    -webkit-box-shadow: 0 0 5px 2px #282a2d;
    padding:10px
}

此特定图像在段落内向左浮动。这是我的问题的一个例子 -

有任何想法吗？

编辑：我不想要填充。我只想要盒子阴影，然后是空格，这样文本就不会在盒子阴影旁边混在一起。原来我想要的是边距，而不是填充。愚蠢的错误。

score 4 · Accepted Answer

margin除了使用padding

#content img {
    box-shadow: 0 0 5px 2px #282a2d;
    padding: 10px;
    margin-right: 10px;  
}

score 0 · Accepted Answer

给背景颜色一样

#content img {
    -moz-box-shadow: 0 0 5px 2px #282a2d;
    -webkit-box-shadow: 0 0 5px 2px #282a2d;
    background: #282a2d;
    padding:10px;
}

更新：

正如评论中提到的，OP 似乎也没有填充也可以。所以，我将完成我的答案。

#content img {
    -moz-box-shadow: 0 0 5px 2px #282a2d;
    -webkit-box-shadow: 0 0 5px 2px #282a2d;
    margin:10px
}

2 回答 2