【实用代码】圆弧边框、阴影

  此文内更新所有平时遇到的实用代码

 

一、圆弧边框:

 

  border-radius:10px;  //对边框四角的10px的部分进行圆弧处理

  border-radius:50%;  //以四角为圆心,让每个边框的50%的部分做圆弧处理,(50%时,一般用在让正方形的边框变成一个圆圈)

 

二、阴影:

 

  box-shadow:inset x-offset y-offset blur-radius spread-radius color;

  详细解释参见:http://blog.sina.com.cn/s/blog_a2cacceb01016mdb.html

 

  box-shadow:5px 5px 5px #999;  //让边框产生水平垂直位移各5px,模糊半径5px的深灰色阴影

  

 

posted @ 2015-08-04 15:57  59木雨  阅读(214)  评论(0编辑  收藏  举报