注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

寒秋梦园

常思为师之失,常修为师之德,常怀律己之心。

 
 
 

日志

 
 

【转载】二十三种图片修饰样式及代码  

2016-10-08 12:27:39|  分类: 博客装饰素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1、单线框

代码:<img src="图片地址" style="border:3 solid #993333">

2、双线框

代码:<img src=图片地址 style="border:5 double #993333">

  

3、凸出框

代码:<img src=图片地址 style="border:25 outset #993333">

  

4、凹进框

代码: <img src=图片地址 style="border:25 inset #ff88ff">

 

5、邮票框 

代码: <table style="border:3 dashed #993333" cellspacing="5" cellpadding="0" bgcolor="#660033"><tr>

<td bgcolor="#660033" width=400 height=250 align=center valign=middle>

<img src=图片地址>

</td></tr></table>

 

6、虚线框

代码:<img src=图片地址 style="border:4 dashed #993333">

 

7、凹槽框

代码:<img src=图片地址 style="border:25 groove #993333" border="0">

 

8、脊状框

代码:<img src=图片地址 style="border:10 ridge #993333" border="0">

 

9、立体阴影框 

代码:<table width=200 height=200 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#993333,direction:145,strength:15)"> 

<tr>

<td bgcolor="#ffffff" align=center valign=middle>

<img src=图片地址>

</td>

</tr>

</table>

 

10、阴影框

代码:<img src=图片地址 style="filter:shadow(color=#993333)">

11、横向渐变透明 

代码:<img src=图片地址 style="filter=alpha(opacity=100,style=1,finishopacity=0)">

 

12、圆形渐变透明 

代码:<img src=图片地址 style="filter=alpha(opacity=100,style=2,finishopacity=0)">

 

13、X形渐变透明

代码:<img src=图片地址 style="filter=alpha(opacity=100,style=3,finishopacity=0)">

  

14、改变某种颜色

代码:<center><img src=图片地址 style="FILTER: Chroma(Color=#13629f)">

 

15、黑白效果

代码:<img src=图片地址 style="filter:'gray'">

 

16、X光效果(底片)

代码:<img src=图片地址 style="filter:'xray'">

17、浮雕效果 

代码:<img src=图片地址style="filter:progid:DXImageTransform.Microsoft.Emboss()">

 

18、上下颠倒

代码:<img src=图片地址 style="filter:flipv">

19、左右颠倒

代码:<img src=图片地址 style="filter:fliph">

 

20、色彩颠倒 

代码:<img src=图片地址 style="filter:invert">

  

21、粒状阴影

代码:<img src=图片地址 style="filter:progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)">

  

22、模糊效果  

代码:<img src=图片地址 style="filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10)">

  

23、水波效果(风吹)  

代码:<img src=图片地址 style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)">

该日志的引用地址:

 

炫音音乐博客E0P,aL3l0T%E3_)L

1。单线框 二十三种图片修饰样式及代码 - 金熹学苑 - 金熹学苑炫音音乐博客p g.S6e/dO(~5d

<CENTER><IMG style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" src="http://bbs.musicool.cn/attachments/month_0612/pic_01_fCDRGP9V8tZX.gif"><BR><BR><BR></CENTER>

$} Fc/s2q$VP8b,U0炫音音乐博客+D&Q.y4b,y"Z v

a#d3Swjl"h's02。双线框 二十三种图片修饰样式及代码 - 金熹学苑 - 金熹学苑炫音音乐博客Qw/L w ps#s9Yf

<CENTER><IMG style="BORDER-RIGHT: green 5px double; BORDER-TOP: green 5px double; BORDER-LEFT: green 5px double; BORDER-BOTTOM: green 5px double" src="http://bbs.musicool.cn/attachments/month_0612/pic_01_fCDRGP9V8tZX.gif"><BR><BR><BR></CENTER>炫音音乐博客;{ i'\}HB(E

炫音音乐博客x(Am)o$Mx

3。凸出框 二十三种图片修饰样式及代码 - 金熹学苑 - 金熹学苑炫音音乐博客BY5lg7_p

m3u6H _aqOS0

<CENTER><IMG style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset" src="http://bbs.musicool.cn/attachments/month_0612/pic_01_fCDRGP9V8tZX.gif"><BR><BR><BR></CENTER>炫音音乐博客`:bHE4M[,}An"S

Q? E&y7Mx `0

d`.w,t4w"O04。凹进框 二十三种图片修饰样式及代码 - 金熹学苑 - 金熹学苑炫音音乐博客LyO._.E*j0d*v

炫音音乐博客 @{n%~,q [qhx*_N1y

2e/r#|;k%d]:c-x0<CENTER><IMG style="BORDER-RIGHT: #ff88ff 25px inset; BORDER-TOP: #ff88ff 25px inset; BORDER-LEFT: #ff88ff 25px inset; BORDER-BOTTOM: #ff88ff 25px inset" src="http://bbs.musicool.cn/attachments/month_0612/pic_01_fCDRGP9V8tZX.gif"><BR><BR><BR></CENTER>炫音音乐博客B MBGdy5H

凹槽框 二十三种图片修饰样式及代码 - 金熹学苑 - 金熹学苑

.]&@7x^'Z&QT6~ S;j%p0炫音音乐博客`6k[m+{@rQ

%nwr f&F0{0<CENTER><IMG style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px groove" src="http://bbs.musicool.cn/attachments/month_0612/pic_01_fCDRGP9V8tZX.gif" border=0><BR><BR><BR></CENTER>

$n c-ynh$Dh&N08。脊状框 二十三种图片修饰样式及代码 - 金熹学苑 - 金熹学苑

8h"qf:qAC5d[0炫音音乐博客:DM x y7v

<CENTER><IMG style="BORDER-RIGHT: green 25px ridge; BORDER-TOP: green 25px ridge; BORDER-LEFT: green 25px ridge; BORDER-BOTTOM: green 25px ridge" src="http://bbs.musicool.cn/attachments/month_0612/pic_01_fCDRGP9V8tZX.gif" border=0><BR><BR><BR></CENTER>

 

 

http://blog.musicool.cn/218636/viewspace-29498

  评论这张
 
阅读(1)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018