相关疑难解决方法(0)

我正在尝试创建与下图中显示的完全相同的内容.我也尝试过使用outline和offset方法的其他方法,但是我无法弄清楚如何继续这样做.

这是JSFiddle:

img {
  border: 4px solid green;
}

<img src="https://image.ibb.co/cxwWPa/services_gas_oil.jpg" alt="services_gas_oil" border="0">

如何在图像上获得此偏移边框？

我只用CSS创建了左边的按钮.它是div中的div.但是,右侧的三个按钮是标签上的background属性img.我这样做了所以我可以按照这里的说明模拟翻转效果.

现在,有没有办法使用CSS将内边框(如第一个按钮)添加到其他三个边框？

小提琴这里.

我怎样才能用CSS实现这个效果:

我是否需要一个带有边距和边框的较小Div,或者这是否可能使用box-shadow