首页
行业
前端
特效
人生
知识库
站内搜索：
首页
>>
前端
>> 内容
给图片加阴影效果的CSS
时间：2006/7/20
<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 title="给图片加阴影效果的CSS" alt="给图片加阴影效果的CSS" src="/UploadFiles/201807/20180717110727996.gif" border=0 alt="pic" / onload="javascript:DrawImage(this,310)"></span></li> <li class="pic"><span class="left"><img title="给图片加阴影效果的CSS" alt="给图片加阴影效果的CSS" src="/UploadFiles/201807/20180717110727996.gif" border=0 alt="pic" / onload="javascript:DrawImage(this,310)"></span></li> </ul>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
上一篇：
CSS反转字符加密邮箱地址
下一篇：
给超级链接增加其他样式
用户评论
已有
0
人评论
阅读更多评论
相关文章
·
图片轮播代码实现教程
·
图片标签代码实现
·
图片处理教程之图片宽高自适应及居中方法
·
vue图片左右滑动及手势缩放功能代码实现教程
·
图片以Base64编码方式，并以byte类型保存到数据库的方法
·
一组图片实现无缝轮播的代码教程
·
小程序图片排列扭曲问题解决
·
移动端图片上传旋转、压缩的解决方案（代码教程）
·
如何给图片动态添加半透明遮罩效果？
·
img图片加载出错处理方法
返回顶部
