图片加框的一些实用代码

wj1320 · 发表于 2008-7-31 19:47

本人刚刚网络收集图片加框的一些实用代码，大家在做设计的时候肯定要发些图片，但是全部是原色或者简单的几张图，那肯定乏味的很，所以适当加些边框会有些好处的，还可以让图片与博客整体背景协调哦。有空多来小博坐坐 ~~~

1 加一边框 <center><img
src="图片地址" style="border:3 solid #ff0000（框边颜色）"></center>
2 加双边框
<center><img
src="图片地址" style="border:5 double green"></center>
3 加立体框
<center><img src=图片地址
style="border:25 outset #ff88ff"></center>
4 加立体框（a)
<center><img
src="图片地址" style="border:25 inset #ff88ff"></center>
5 加虚线框
<center> <img src="图片地址" style="border:4 dashed #ff0000"></center>
6 加凹框
<center> <img src="图片地址" style="border:25 groove green" border="0"></center>
7 横向渐变透明
<center><img src="图片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)">
8圆形
<center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>
9 黑白效果
<center><img src="图片地址" style="filter:'gray'"></center>
10 X光效果
<center><img src="图片地址" style="filter:'xray'"></center>
11 上下颠倒
<center><img src="图片地址" style="filter:flipv">
12 左右颠倒
<center><img src="图片地址" style="filter:fliph"></center>
13 粒状
<center><img src="图片地址" style="filter:progidXImageTransform.Microsoft.Glow(color=#cc8888,strength=15)"></center>
14 模糊阴影
<center><img src="图片地址" style="filter:progidXImageTransform.Microsoft.Blur(PixelRadius=3)"></center>
15 倒影
<center><IMG src="图片地址" width="200" height="150"><BR>
<IMG src="图片地址和上边的图片地址相同" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="200" height="150"></center>
16 水面倒影
<center><IMG src="图片地址" width="200" height="150"><BR>
<IMG src="图片地址和上面的一样" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="200" height="150"></center>
17黑白效果
<CENTER><IMG style="FILTER: gray" src="图片地址"></CENTER>
18 浮雕效果
<center><img src="图片地址" style="filter:progidXImageTransform.Microsoft.Emboss()"></center>
19 色彩颠倒
<center><img src="图片地址" style="filter:invert"></center>
20 模糊效果
<center><img src="图片地址" style="filter:progidXImageTransform.Microsoft.Blur(PixelRadius=3)"></center>
21 水波效果、
<center><img src="图片地址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>