border-radius: length / %

单独设定某个角

border-top-left-radius  //左上角

border-top-right-radius  //右上角

border-bottom-right-radius  //右下角

border-bottom-left-radius  //左下角

设置多个角

一个值：四个圆角值相同

两个值：第一个值为 左上角与右下角，第二个值为 右上角与左下角

三个值：第一个值为 左上角，第二个值为 右上角与左下角，第三个值为 右下角

四个值：第一个值为 左上角，第二个值为 右上角，第三个值为右下角，第四个值为左下角

设置一个或多个下拉阴影的框

box-shadow: h-shadow v-shadow blur spread color inset　　//(水平 垂直 模糊 扩展 颜色 内阴影)

//不写inset时，默认外阴影

border-image 构建个性化的 可扩展按钮　　//IE和Opera不兼容

border-image: source slice width outset repeat

border-image-source: url("里面时url地址");　　//引入图片

border-image-slice : 值  /  %  /  fill ;　　//指定图像的边界向内偏移

//把原有图片切成9块，向内偏移多少，边框就展示出来多少。默认中间的第9块不要，除非写fill。

//如果填写4个值，那就是上右下左（顺时针方向） 

border-image-width: number | % | auto;　　//指定图像边界的宽度

//这个属性默认是边框的宽度，用来限制相应区域背景图的范围，
//首先相应背景区域的图像会根据这个属性值进行缩放。然后再重复或平铺或拉伸。

在复合写法中应该位于 slice属性 和repeat属性中间 用“/”间隔
如：border-image:url(border.png) 27 / 6rem / repeat;

border-image-outset: length | number;　　//指定在边框部绘制border-image-area的量

//相当于把原来的贴图位置向外延伸。不能为负值。当border-image-outset:单纯数值时，表示相当于原来边框的x倍。

border-image-repeat: stretch | repeat | round | initial | inherit;　　//该属性用于图像边界是否应重复(repeated)、拉伸(stretched)或铺满(rounded)

//stretch：拉伸图像来填充区域（默认值）
//repeat ：平铺（重复）图像来填充区域。
//round  ：铺满。类似 repeat 值。如果无法完整平铺所有图像，则对图像进行缩放以适应区域。

//round会凑整填充（进行了适度的拉伸）。repeat不进行拉伸，不凑整。