js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 窗口特效

css+div实现图片边框阴影特效代码

发布时间:2015-09-12 22:39:01    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

css+div实现图片边框阴影特效代码
<!doctype html>    
<html lang="en">    
<head>    
<meta charset="UTF-8">    
<title>css+div实现图片边框阴影特效代码</title>    
<style>    
.out{position:relative;background:#bbb;margin:10px auto;width:415px;border:1px solid #ddd;padding-bottom:1px}    
.in{background:#fff;border:1px solid #f9f9f9;padding:10px 5px;position:relative;top:0;left:0;width:400px}    
</style>    
</head>    
<body>      
<div class="out"> <div class="in" > <img src="wall.jpg" alt="" /> </div></div>    
</body>    
</html>



阴影特效

css+div实现图片边框阴影特效代码

友荐云推荐
大家说 此评论不代表本站观点