4-3、CSS3边框与圆角

4-3、CSS3边框与圆角

圆角 border-radius: 1-4 lenght | % 为元素添加圆角边框

在使用百分比的时候，假设是一个长方形，那么10%，弯曲点就是长的百分之十到宽的百分之十，就会显得很奇怪。如果50%那就是一个椭圆。

四个值的话是顺时针左上开始。
三个值是，第一个值左上，第二个值右上左下两个对角，第三个值是右下。
两个值，第一个值左上右下，第二个值右上左下。

---

box-shadow 设置一个或多个下拉阴影的框。

box-shadow:h-shadow v-shadow blur spread color inset;
水平方向偏移量 、竖直方向偏移量、模糊度、扩展、阴影颜色、内/外阴影
默认外阴影     内阴影：inset 

border-image-* 属性构建美丽的可扩展按钮。
slice与width使用%同样大时，图片完整显示 50%，这里使用的时候，可以用浏览器滚轮调整值进行找到合适值。

boder-image:source slice width outset repeat;
border-image-sourse:none|imgare	图片地址
border-image-slice:number|%|fill	可以理解为向内偏移，百分比数值越小，显示越大
border-image-width:number|%|auto	图像边界的宽度
border-image-outset:length|number;		
用于指定在边框外部绘制boder-image-area的量，相当于对外扩展，出到div外部。
border-image-repeat: stretch|repeat|round|initial|inherit;
拉伸、重复、和第一个差不多、读取默认值（同上）、继承父元素