CSS3样式

1.边框图片
step1 :border- image- source： 引入一个图片作为边框
                none 默认（用边框颜色）
                url 引入一张图片，如果图片不能存在，会显示默认的边框颜色
step2: border-image-slice:  number｜percentage 边框裁剪（可以具体的尺寸或者百分比）
               border-image-slice：左上，右上，右下，左下

step3：border-image-reapt：stretch切割图片中间部分填充样式
                stretch 拉伸填充边框（默认）
                repeat 平铺填充边框
                round 自动平铺边框

需要设置边框的宽高

切割四个角的图片会放在边框的四个角，其他中间的图片则填充宽和高 

2.线性渐变 （颜色按指定方向从一种颜色过渡到另外一种颜色）
        background-image : liner-gradient (to方向，颜色1，颜色2，颜色3,.....)
                 background-image :  reapting  可以重复渐变的内容
        方向的值可以是方向单词或者角度
               1）to top 向上渐变  to left 向左渐变

       2）角度控制 0deg  
 

 0deg是向上渐变 90deg是向右渐变，可以给负数

3.径向渐变（指定中心为圆心，以一个半径做圆形的渐变）
  step1:redial-gradient（圆心的位置 ，颜色1  at百分比，颜色2  at百分比 ，颜色3 ......)

椭圆形渐变

 4.圆锥渐变  颜色是围绕中心点旋转渐变 辐射渐变

 

5.文字阴影 
text-shadow:（offset-x，offset-y,blur,color)
        offset-x (必填）阴影水平方向偏移量，可以是负数
         offset-y(必填）阴影垂直方向偏移量，可以是负数
         blur(可选）阴影模糊的半径，值越大就越模糊，不能为负数
        color（可选）阴影的颜色，如果省略默认采用color的值
6.元素阴影
box-shadow:（offset-x，offset-y,blur,spread,color,inset)
        offset-x (必填）阴影水平方向偏移量，可以是负数
         offset-y(必填）阴影垂直方向偏移量，可以是负数
         blur(可选）阴影模糊的半径，值越大就越模糊，不能为负数
        spread(可选) 阴影的尺寸
        color（可选）阴影的颜色，如果省略默认采用color的值
        inset(可选，默认是外阴影outset ),inset是内阴影