html - 如何显示带有两个不同大小/颜色边框的超链接图像?

标签 html css image

我正在尝试找出 css 来显示带有 1px 黑色边框然后周围有 9px 白色边框的图像。有没有简单的方法可以做到这一点?

图像周围的 div 答案几乎可以工作,但我的图像两侧仍然有很大的间隙(1px 边框外和 9px 边框内)。由于某种原因,div 标签似乎正在拉伸(stretch)以适合整个窗口。

我最终在 img 样式选项中使用了填充/边框。

最佳答案

在 img 上,将背景设置为黑色并添加 1px 的填充,然后边框可以是 9px 的白色。

图片{ 背景色:#000; 填充:1px; 边框:9px 实心#fff;

只要您没有透明图像,这就会产生双边框。

关于html - 如何显示带有两个不同大小/颜色边框的超链接图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/948147/

相关文章:

jquery - 从 JSF (Primefaces) 设置 HTML5 输入模式

jquery - Bootstrap Collapse 第一次没有动画,第一次后有抖动动画

html - 列表背景颜色在 IE7 中搞砸了

css - 设置 p :panel 的背景图像

html - 如何防止使用 html5 图片标签和定义的高度拉伸(stretch)图像?

javascript - 移动 safari 对大图像进行降采样。如何挽留?

css - 使用 CSS 的光标图像

javascript - 降低滚动条的顶部高度

java - 为什么新建的Jhipster项目body height=0?

javascript - 如何防止正文通过推送侧菜单滚动