css3背景渐变与边框阴影

 一、盒子阴影和文字阴影
    box-shadow:
        盒子阴影   ie9
        5个参数：
            参数1：水平偏移量  +-  必选
            参数2：垂直偏移量  +-  必选
            参数3：阴影模糊值  +   必选
            参数4：阴影外延值  +   可选
            参数5：阴影颜色        必选
        外延值是可以省略的
        一个盒子可以使用多个阴影
        box-shadow:0 0 12px 3px red,2px 2px 12px 3px blue;
        内阴影：阴影默认是外阴影
            inset
            box-shadow:inset 0 0 3px 10px red;
    text-shadow:
        文本阴影
        4个参数，没有外延值    ie10
        text-shadow:1px 1px 1px red;
二、图像边框
    border-image   设置图片边框   ie10
    border-image:border-image-source||border-image-slice[/border-image-width?[/border-image-outset]?]?||border-image-repeat
    border-image-source:用在边框图像的路径
    border-image-slice:图片边框向内的偏移量
    border-image-width:图片边框的宽度
    border-image-outset:图片边框图像区域超出变量的偏移量
    border-image-repeat:指定图片边框背景图的填充方式
    border-image-repeat: stretch | repeat | round
        strecth:默认，拉伸填充
        repeat:指定平铺填充背景图片，当遇到边界时，会被截断
        round：指定平铺填充背景图片，会根据边框的尺寸动态的调整图片的大小，直到图片的大小刚好可以充满整个边框 
三、背景  background
    1，背景渐变
        没有渐变的时候，做渐变效果，使用一张1px的图片，上下渐变，使用repeat-x|y平铺即可实现渐变的状态
        css3中有了渐变属性，ie9开始兼容
        语法：
            background-image:-webkit-linear-gradient(top,red,blue);
        -webkit-:谷歌前缀
        -moz-:火狐
        -ms-:ie
        -o-:欧朋
        1）线性渐变：
            -webkit-linear-gradient(top,red,blue);
                参数1：top 从上到下渐变
                    bottom  从下到上渐变
                    left  从左到右渐变
                    right  从右到左渐变
                    top left  左上到右下渐变
                    deg  角度
                    px  值
                参数2：从哪个颜色开始渐变
                参数3：渐变到哪个颜色
                使用角度渐变，第一个值是角度，360deg，不同浏览器有不同的分歧：
                    谷歌，火狐，ie，欧朋水平向左为0deg，向下90deg；
                    如果不加前缀就是w3c的标准，垂直向下为0deg，水平向左为90deg
                通常我们不使用角度变化，一般使用方位词
                渐变颜色可以有很多，使用逗号隔开，每个颜色后边可以跟一个百分比，代表从哪里开始这个颜色的渐变，都小于100%
        2）径向渐变
            -webkit-radial-gradient()
            渐变起始点使用px值确定：
                -webkit-radial-gradient(100px 80px,red,blue,yellow)