资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
CSS/HTML教程
>>>
给图片加阴影效果的CSS
<style type=text/css> .pic { position:relative; background:#CCC; margin:10px; } .pic span { display:block; border:1px solid #333; background:#FFF; position:relative; padding: 3px; } .right {/*阴影在右边时*/ top:-4px; left:-4px; } .left {/*阴影在左边时*/ top:-4px; right:-4px; } </style> <ul> <li class="pic"><span class="right"><img src="http://gg.blueidea.com/2006/chinaok/468x60.gif" _ewebeditor_ta_src="http%3A%2F%2Fgg.blueidea.com%2F2006%2Fchinaok%2F468x60.gif" border=0 alt="pic" /></span></li> <li class="pic"><span class="left"><img src="http://gg.blueidea.com/2006/chinaok/468x60.gif" _ewebeditor_ta_src="http%3A%2F%2Fgg.blueidea.com%2F2006%2Fchinaok%2F468x60.gif" border=0 alt="pic" /></span></li> </ul>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程