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

<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="http://www.zzzyk.com/img/200406301.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="http://www.zzzyk.com/img/200406301.jpg" alt="" /> </div></div>

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

上一个：Div+CSS布局入门教程-(0)
下一个：CSS+DIV:让文本字符环绕在你的图片周围-(0)