css3 学习

一 box-shadow

         用处：设置矩形的阴影

            语法：

 box-shadow:1px 2px 3px #FFF;
 box-shadow:阴影水平偏移值（可取正负值）； 阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色；

兼容性：

其他：

同一个元素可以使用多个阴影，box-shadow:2px 2px 5px #333333,box-shadow:-2px -8px 5px #333333;；

js中可以使用：obj.style.webkitBoxShadow=值（字符串）;obj.style.MozBoxShadow=值（字符串）;obj.style.boxShadow=值（字符串）;

二 border-radius

    用处：添加圆角

     语法：

     border-radius:25px;

     border-top-left:25px;

     border-top-right:25px;

     border-bottom-left:25px;

     border-bottom-right:25px;

    兼容性：

     注意：上诉的-webkit-是兼容webkit内核的写法，-moz-内核的写法有所不同，如：-moz-border-radius-topleft:apx

   例子：