我想使用php将边框放在常规尺寸的图像周围。我想知道我找到了文本到图像的边框,但不是简单的图像。边框宽度可以改变。请帮忙
答案 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
答案 1 :(得分:2)
在php中使用ImageMagick,它有直接命令为图像添加边框, 见
答案 2 :(得分:0)
如果您希望它可以更改,请创建一个文本框,您可以在其中输入边框的像素大小 然后是一个提交按钮..使用帖子或获取,你喜欢什么..
但是,这只会在你不改变页面的情况下工作,除非你以某种方式使这种动态变为现实......
<img src="..." style="border:<? $_POST['pixel']; ?>" />
否则,请使用@dwarfy的解决方案..
答案 3 :(得分:0)
img元素默认具有边框属性http://www.w3schools.com/tags/tag_IMG.asp 不是php专家,但我也会选择在标签内部设置动态var,以便它完全灵活