1、CSS3属性中有许多边框属性,主要的有三个参数：
border-image边框装饰图片
border-radius边框半径
box-shadow:盒子阴影
具体来介绍上面的三个
2、border-radius:Rpx 是以顶角为中心，以R为半径绘制圆角
3、上面的一个值代表四个角相同,也可以单独设置边角
border-top-left-radius:2em; 左上角
border-top-right-radius:2em; 右上角
border-bottom-right-radius:2em; 右下角
border-bottom-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