如何使用CSS在图像周围绘制边框?

时间:2013-04-03 11:37:59

标签: css

我的图像已经有一个边框。这是图像的一部分。我想使用CSS属性在我的图像周围绘制类似的边框。

我尝试了以下CSS代码......

border-style:dashed;

...但它并没有画出我喜欢的边框。下面是图像本身具有边框的原始图像......

Image with border

...这里是我想要使用CSS添加边框的图像

Image without border

2 个答案:

答案 0 :(得分:3)

您似乎也想要填充和边框颜色:

img {
  padding: 3px;
  border: grey dashed 2px;
}

结果:

enter image description here

Demonstration

答案 1 :(得分:0)

尝试边框图片

border-image:url(border.png) 30 30 round;