我想使用 php 在常规大小的图像周围放置边框。我想知道我找到了文本到图像的边框,但不是简单的图像。边框宽度可能是可变的。请帮忙
问问题
2438 次
4 回答
20
我不会使用 GD 或 imagemagick 来处理图像,而是在图像上放置一个 [css 边框][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 :)
关于边框的参考资料:
http://www.w3.org/TR/CSS2/box.html#border-properties
于 2011-04-26T08:17:33.937 回答
2
在 php 中使用 ImageMagick ,它可以直接命令为图像添加边框,请参见
于 2011-04-26T08:20:01.890 回答
0
如果您希望它可以更改,请创建一个文本框,在其中输入边框的像素大小,然后输入一个提交按钮。使用 post 或 get,随心所欲。
但是,这只会在您不更改页面的情况下起作用,除非您以某种方式使其动态化..
<img src="..." style="border:<? $_POST['pixel']; ?>" />
否则,请使用@dwarfy 的解决方案..
于 2011-04-26T12:49:29.143 回答
0
默认情况下,img 元素有一个边框属性http://www.w3schools.com/tags/tag_IMG.asp 不是 php 专家,但我也会选择在标签本身内添加一个动态 var,以便它完全灵活
于 2011-05-03T04:09:35.083 回答