css3新增属性

前言

文章引用自:http://www.divcss5.com/css3-style/c55469.shtml
(翻墙)https://code.tutsplus.com/tutorials/10-css3-properties-you-need-to-be-familiar-with–net-16417

css3新增加边框属性

1 、border-color:为边框设置多种颜色

p{
   

	border-style:solid;
 	border-color:#ff0000#0000ff;
}

2 、border-image:图片边框

div
 
　　{
   
 
　　-webkit-border-image:url(border.png)3030round;/*Safari5*/
 
　　-o-border-image:url(border.png)3030round;/*Opera*/
 
　　border-image:url(border.png)3030round;
 
　　}

注意：InternetExplorer不支持border-image属性；border-image属性规定了用作边框的图片。

3、 border-radius:圆角边框

　div
 
　　{
   
 
　　border:2pxsolid;
 
　　border-radius:25px;
 
　　}

4 、box-shadow:阴影效果
css3中box-shadow用于向方框添加阴影

div
 
　　{