当前位置:首页 > DIV+CSS实例 > 正文

用CSS为图片添加阴影效果

作者:××× 来源:aa25.cn 【 】 浏览: 添加日期:2008-12-16 我要评论(0)     

本篇文章:用CSS为图片添加阴影效果,指用css调用带阴影图片做背景和图片结合起来,形式的阴影效果,并非由css生成的阴影效果。之前本人发布的《用css制作的一组立体感很强的按钮样式》一文,由于表述不详,造成一些朋友误解,所以此次先声明一下。

body {text-align: center; font-family:Verdana;}
img { background: url(uploadfile/shadow.gif) no-repeat right bottom; padding: 5px 10px 10px 5px;}

 

<img src="uploadfile/sample1.jpg" />

实现方法是把带阴影效果的图片设置成背景图片,靠右下对齐,然后设置图片相应的padding值,使背景到合适位置。背景图片的大小我用的是1000px×1000px,所以应用上的图片最好不要超过这个尺寸,否则部分会显示不全,你也可以把背景图片做的更大来实现。下面是演示:


标准之路www.aa25.cn 提示:可以先修改部分代码后再运行

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖DIV+CSS实例〗Tags: 图片阴影 css阴影 图片投影 css图片阴影

更多评论(0)..会员评论

出差旅游免费预订酒店

【视频教程】新手常见问题