css3新增属性整理

1. css3新增边框属性
   a、css3新增属性border-color：设置边框的颜色         
        示例：{border-style:solid; border-color:#ff0000 #0000ff; }
   b、border-image:设置边框图片
       示例：{
                   -webkit-border-image:url(border.png) 30 30 round;
                  -o-border-image:url(border.png) 30 30 round;
                  border-image:url(border.png) 30 30 round;
                 }
   c、border-radius:边框圆角
        示例：{border:2px solid;border-radius:25px;}
   d、box-shadow:阴影效果
        示例：{box-shadow: 10px 10px 5px #888888;}

2. css3新增背景属性
   a、background-size：指定背景图片尺寸
     示例：{
             background:url(img_flwr.gif);
             background-size:80px 60px;
             background-repeat:no-repeat;
           }
   b、background-origin：指定背景图片从哪里开始显示
     示例：{
           background-image:url('smiley.gif');
           background-repeat:no-repeat;
           background-position:left;
           background-origin:content-box;
           }
   c、background-clip：指定背景图片从什么位置开始裁剪
     示例：{background-color:yellow;background-clip:content-box;}

3. css3新增文字效果
   a、text-shadow：文本阴影
       示例：{text-shadow: 5px 5px 5px #FF0000;}