随身笔记
随身笔记

position:relative相对定位实现图片阴影效果

在学习CSS中能不用图片去实现我们需要的当然是最好的,position:relative相对定位实现图片阴影效果。

yinying

 

[code]<style type=”text/css”>
a {color:#000;}
.shadow{ float:left; margin-right:20px; background-color:#EFEFEF;}
.shadow img{ padding:4px; border:1px solid #CDCDCD; background-color:#FFFFFF; position:relative; top:-5px;left:-5px;}
</style>[/code]

 

[code]<h3>position:relative相对定位实现的简单阴影效果</h3>
<div class=”shadow”><img src=”图片路径” width=”129″ height=”106″ /></div>[/code]

没有标签
首页      前端资源      css基础教程      position:relative相对定位实现图片阴影效果

随身笔记

position:relative相对定位实现图片阴影效果
在学习CSS中能不用图片去实现我们需要的当然是最好的,position:relative相对定位实现图片阴影效果。   [code]<style type="text/css"> a {color:#000;} .shadow{…
扫描二维码继续阅读
2012-12-30