我想使用CSS在图像周围设置透明边框。我找不到任何办法。
这是我的图片link，内部边框效果透明。
答案 0 :(得分：1)
这不是一件容易的事，因为图像是替换元素并且有一些限制（伪元素不起作用，插入框阴影不起作用，......）。
你有几个选择（可能还有更多，我只列出两个）：
解决方案1：
使图像成为普通div的背景图像并应用边框 - 此边框将自动与图像重叠。顺便说一句，您可以使用background-clip和background-origin来改变这种行为
问题：
您需要知道图像的尺寸，以相应地调整div的大小。
解决方案2：
将图像包装到另一个元素中，并声明应用边框的伪元素。
重要的是img上的display:block和包装元素上的position:relative。
答案 1 :(得分：0)
使用box-shadow
此CSS box-shadow: inset 0 0 0px 8px rgba(255, 16, 16, 0.45);
你可以惊喜地做他喜欢的事情
答案 2 :(得分：-1)
我可以使用position:absolute使用4个边框。您可以更改每个边框的样式。为exaple添加左边和上边框的阴影
