我正在尝试找出 css 来显示带有 1px 黑色边框然后周围有 9px 白色边框的图像。有没有简单的方法可以做到这一点?
图像周围的 div 答案几乎可以工作,但我的图像两侧仍然有很大的间隙(1px 边框外和 9px 边框内)。由于某种原因,div 标签似乎正在拉伸(stretch)以适合整个窗口。
我最终在 img 样式选项中使用了填充/边框。
最佳答案
在 img 上,将背景设置为黑色并添加 1px 的填充,然后边框可以是 9px 的白色。
图片{ 背景色:#000; 填充:1px; 边框:9px 实心#fff;
只要您没有透明图像,这就会产生双边框。
关于html - 如何显示带有两个不同大小/颜色边框的超链接图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/948147/