工作笔记：box-shadow 的用法

来源：互联网发布：数据质量维度编辑：程序博客网时间：2024/06/08 17:53

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

0 0