博客学堂
首页>>博客代码>>搜狐博客代码>> 搜狐博客首页图片半透明渐变效果代码

搜狐博客首页图片半透明渐变效果代码

来源:博客学堂  | 添加时间:2007-7-3 10:03:45 | 我要投稿 | 提问

这个效果可是很漂亮的哦,你可以把加到你首页的图片变的透明模糊一点,这样有朦胧美,呵呵!

看这是我添加图片的原图

 

再看变透明以后的效果,呵呵!

 

怎么样,有感觉吧!呵呵!

现在发布代码:
<div style="RIGHT: 15px; POSITION: absolute; TOP: 100px"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><img style="FILTER: Alpha(Opacity=300,style=3)" src="图片地址" border="0" /></td></tr></tbody></table></div>

代码说明:

RIGHT: 15px表示图片居右的距离

TOP: 100px表示图片居上的距离

图片地址自己可以找自己喜欢的,把地址替换掉就可以了。

style=3是指图片的效果,你可以替换成1、2、试试效果,肯定有你喜欢的嘛,呵呵!

style=1是图片有边框效果;style=2图片是椭圆形的透明效果,具体的效果你自己可以试试。

添加方法:

登陆你的搜狐博客-管理个人档案-把以上代码粘贴到你的个人档案里(别忘了替换你的图片地址)呵呵!这样保存后就可以返回首页看效果了

需要图片的朋友来这里:图片素材库

收藏和分享:
打印】【返回顶部】【关闭

我来说两句

用户名: 新注册) 密码: 匿名评论 [所有评论]
评论内容:不能超过250字,请留下您的联系方式,方便我们回复您的留言。

网站地图 - 关于我们 - 版权声明 - 广告服务 - 联系我们 - 诚聘英才 - 帮助中心
Copyright © 2007-2008 www.blog286.com all Right Reserved
博客学堂 版权所有