Question

我希望像我这样为所有媒体提供预先设定的风格 http://prntscr.com/7b8w3g

目前，我设法通过给img标签提供10px +背景颜色的填充作为灰色来给出灰色背景但是当我给它边框时，它在外部填充区域上形成，而我希望薄边框棒像上面那样屏幕截图。上面的图片是通过内联+ div完成的，但我想让它预先设置好，所以我的所有图片都默认拥有它，而我网站上当前的所有图片都有。知道怎么样？网址（http://www.freedomgolf.com.au/）

谢谢！

Answer 1

这可以通过（CSS）完成：

img{
    border: 1px solid #999;
    box-shadow: 0 0 0 10px #E5E4E2;
}

FIDDLE：https://jsfiddle.net/lmgonzalves/on27squo/2/

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

Answer 2

对于您的具体问题，这里的想法是重现由更大和更大的包围的薄黑色边框。打火机：

img {
  background-color: #232323; // set the color of the dark thin border
  padding: 1px; // padding width make your thin dark border
  border: 10px solid #b2b2b2; // border make the grey area surrounding the thin border
}

Run it without the comment：

img {
  background-color: #232323;
  padding: 1px;
  border: 10px solid #b2b2b2;
}

希望我能提供帮助。：）

带填充的边框图像

2 个答案: