工作笔记：box-shadow 的用法

HTML代码：

<div id="namelist" class="namelist" style="display:none;">
    <div class="includeinfo">
         <span class="list-name">Taylor Swift老师</span>
         <span id="listclose" class="listup">
             <img src="images/up1.png" alt="up" width="15" height="15" >
         </span>
     </div>
     <div class="includeinfo"><span class="list-name">修改资料</span></div>
     <div class="includeinfo"><span class="list-name">修改密码</span></div>
     <div class="includeinfo"><span class="list-name">设置</span></div>
     <div class="includeinfo"><span class="list-name">注销</span></div>
 </div>

CSS代码：

 .namelist{
    position: absolute;
    width: 141px;
    right: 8.3%;
    z-index: 12;
    -moz-box-shadow: 5px 5px 10px 2px #b0b0b0;    /* 旧版Firefox */
    box-shadow: 5px 5px 10px 2px #b0b0b0;
    background: #FFF;
 }

box-shadow: 投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色;  

box-shadow: h-shadow v-shadow blur spread color inset;

详情帖：http://blog.csdn.net/freshlover/article/details/7610269