CSS3 border属性

1、CSS3属性中有许多边框属性,主要的有三个参数：

border-image边框装饰图片

border-radius边框半径

box-shadow:盒子阴影

具体来介绍上面的三个

2、border-radius:Rpx    是以顶角为中心，以R为半径绘制圆角

3、上面的一个值代表四个角相同,也可以单独设置边角

border-top-left-radius:2em;  左上角

4、box-shadow是设置元素的阴影,box-shadow:x  y   模糊度   颜色

x为x轴的阴影的偏移量

y为y轴的阴影的偏移量

模糊度就是阴影的模糊程度

颜色为阴影的颜色设置

5、当box-shadow写入三个参数的时候,模糊度将没有设置

例如:  box-shadow: 10px 10px #008000;

6、border-image有5个参数:

border-image-source: url(Media/2.png);

border-image-slice: 

border-image-width: 

border-image-outset: 

border-image-repeat: 

7、总结:

   CSS3的网页边框属性:

    border-radius

    border-image

    box-shadow