XHTML+CSS应用教程——利用CSS制作的阴影效果

制作阴影效果可以让网页的内容看起来更具有立体感。

<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="../../../images/logo.gif" alt="" />
 </div>