图像周围的边框

时间:2011-01-14 05:41:50

标签: php image-manipulation border outline

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

4 个答案:

答案 0 :(得分:20)

我不会使用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; }
}

Sass rock!

关于颜色:

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

和img标签:

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

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

有关边界的参考资料:

http://www.w3.org/TR/CSS2/box.html#border-properties

http://reference.sitepoint.com/css/bordersoutlines

http://www.w3schools.com/css/css_border.asp

答案 1 :(得分:2)

在php中使用ImageMagick,它有直接命令为图像添加边框, 见

http://www.imagemagick.org/Usage/crop/#border

答案 2 :(得分:0)

如果您希望它可以更改,请创建一个文本框,您可以在其中输入边框的像素大小 然后是一个提交按钮..使用帖子或获取,你喜欢什么..

但是,这只会在你不改变页面的情况下工作,除非你以某种方式使这种动态变为现实......

<img src="..." style="border:<? $_POST['pixel']; ?>" />

否则,请使用@dwarfy的解决方案..

答案 3 :(得分:0)

img元素默认具有边框属性http://www.w3schools.com/tags/tag_IMG.asp 不是php专家,但我也会选择在标签内部设置动态var,以便它完全灵活