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

小桥潺潺

何处秋窗无雨声?那堪风雨助凄凉!,...

 
 
 

日志

 
 

引用 梦中情 的 基本代码   

2009-05-03 23:08:46|  分类: 背景边框日志 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

58

分类:背景边框日志
字号:    
22种CSS图片修饰效果演示与代码

1.单线框

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

效果

基本代码 - 梦中情 - 梦中情

 

2.双线框

<img src="图片地址" style="border:5 double green">

效果:

 基本代码 - 梦中情 - 梦中情

 

3.凸出框

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

效果:

 基本代码 - 梦中情 - 梦中情

 

4.凹进框

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

效果:

 基本代码 - 梦中情 - 梦中情

 

5.邮票框

<table style="border:3 dashed #f6ae56" cellspacing="5" cellpadding="0" bgcolor="#f6ae56"><tr><td bgcolor="#aeffae" width=533 height=399 align=center valign=middle><img src="图片地址"></td></tr></table>

效果:

 

基本代码 - 梦中情 - 梦中情

 

6.虚线框

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

效果:

 基本代码 - 梦中情 - 梦中情

 

7.凹槽框

<img src="图片地址" style="border:25 groove green" border="0">

效果:

 基本代码 - 梦中情 - 梦中情

 

8.脊状框

<img src="图片地址" style="border:25 ridge green" border="0">

效果:

 基本代码 - 梦中情 - 梦中情

 

9.立体阴影框

<table width=400 height=400 border=2 cellpadding="15" cellspacing="3" style="filter:progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)"><tr><td bgcolor="#ffffff" align=center valign=middle><img src="图片地址"></td></tr></table>

效果:

 

基本代码 - 梦中情 - 梦中情

 

10.横向渐变透明

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

效果:

   梦中情 的 基本代码 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

 

11.圆形渐变透明

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

效果:

   梦中情 的 基本代码 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

 

12.X形渐变透明

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

效果:

   梦中情 的 基本代码 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

 

13.黑白效果

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

效果:

基本代码 - 梦中情 - 梦中情

 

14.X光效果(底片)

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

效果:

基本代码 - 梦中情 - 梦中情

 

15.浮雕效果

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

效果:

   梦中情 的 基本代码 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

 

16.上下颠倒

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

效果:

基本代码 - 梦中情 - 梦中情

 

17.左右颠倒

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

效果:

基本代码 - 梦中情 - 梦中情

 

18.色彩颠倒

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

效果:

基本代码 - 梦中情 - 梦中情

 

19.粒状阴影

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

效果:

   梦中情 的 基本代码 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

 

20.模糊效果

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

效果:

   梦中情 的 基本代码 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

 

21.水波效果(风吹)

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

效果:

   梦中情 的 基本代码 - 小桥潺潺 - 何处秋窗无雨声?那堪风雨助凄凉!

 

22.倒影效果

<font style="width:533;height:399"><img src="图片地址"><font style="width:533;height:399;filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()"><img src="图片地址"></font>

效果:

 

基本代码 - 梦中情 - 梦中情基本代码 - 梦中情 - 梦中情

 
  评论这张
 
阅读(90)| 评论(42)
推荐 转载

历史上的今天

评论

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

页脚

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