图像周围的边框

Question

我想使用php将边框放在常规尺寸的图像周围.我想知道我找到了文本到图像的边框,但不是简单的图像.边框宽度可以改变.请帮忙

Answer 1

我不会使用GD或imagemagick操纵图像,而是在图像上放置一个[css border] [1],或者在图像后面放一个比图像稍大的div.

要么使用css在每张图片上放置边框:

img { border: 2px solid #000; }

或者您可以定义一些边框类,如下所示:

.border1 {border: 1px solid #000}
.border2 {border: 2px solid #000}
.border3 {border: 3px solid #000}

然后在你的图像上使用:

<img src="..." class="border1"></img>

要么

<img src="..." class="border3 "></img>

编辑:如果您使用scss/sass,您甚至可以执行以下操作:

@for $i from 1 through 10 {
   img.border_#{$i} { border: #{$i}px solid #000; }
}

萨斯岩石!

关于颜色:

.bMainColor{border-color:#ff0000;}
.bSecColor{border-color:#00ff00;}
.bThirdColor{border-color:#0000ff;}

并在img标签上:

<img src="..." class="border1 bMainColor"></img>

我想有很多方法可以使用css :)

关于边界的参考: