用相对定位和负向移动完成图片象框阴影

<style>
.out {
position:relative;
background:#bbb;
margin:10px auto;
width:285px
}
.in {
background:#fff;
border:1px solid #555;
padding:10px 5px;
position:relative;
top:-5px;
left:-5px;
}
</style>
<div class="out"> <div class="in" > <img src="/info/upimg/allimg/080225/1045330.jpg" alt="" /> </div></div>

<style> .out { position:relative; background:#bbb; margin:10px auto; width:165px } .in { background:#fff; border:1px solid #555; padding:10px 5px; position:relative; top:-5px; left:-5px; } </style> <div class="out"> <div class="in" > <img src="/info/upimg/allimg/080225/1045330.jpg" alt="" /> </div></div>

[Ctrl A 全部选择 提示：你可先修改部分代码，再按运行]

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有