border-radius属性(圆角)
border-radius: length / %单独设定某个角 border-top-left-radius //左上角 border-top-right-radius //右上角 border-bottom-right-radius //右下角 border-bottom-left-radius //左下角设置多个角一个值：四个圆角值相同两个值：第一个值为 左上角与右下角，第二个值为 右上角与左下角三个值：第一个值为 左上角，第二个值为 右上角与左下角，第三个值为 右下角四个值：第一个值为 左上角，第二个值为 右上角，第三个值为右下角，第四个值为左下角
box-shadow属性（盒阴影）
设置一个或多个下拉阴影的框box-shadow: h-shadow v-shadow blur spread color inset //(水平 垂直 模糊 扩展 颜色 内阴影)//不写inset时，默认外阴影
border-image属性（边界图片）
border-image 构建个性化的 可扩展按钮 //IE和Opera不兼容
border-image: source slice width outset repeat
border-image-source
border-image-source: url("里面时url地址"); //引入图片
border-image-slice
border-image-slice : 值 / % / fill ; //指定图像的边界向内偏移
//把原有图片切成9块，向内偏移多少，边框就展示出来多少。默认中间的第9块不要，除非写fill。
//如果填写4个值，那就是上右下左（顺时针方向）
border-image-width
border-image-width: number | % | auto; //指定图像边界的宽度//这个属性默认是边框的宽度，用来限制相应区域背景图的范围，//首先相应背景区域的图像会根据这个属性值进行缩放。然后再重复或平铺或拉伸。在复合写法中应该位于 slice属性 和repeat属性中间 用“/”间隔如：border-image:url(border.png) 27 / 6rem / repeat;
border-image-outset
border-image-outset: length | number; //指定在边框部绘制border-image-area的量//相当于把原来的贴图位置向外延伸。不能为负值。当border-image-outset:单纯数值时，表示相当于原来边框的x倍。
border-image-repeat
border-image-repeat: stretch | repeat | round | initial | inherit; //该属性用于图像边界是否应重复(repeated)、拉伸(stretched)或铺满(rounded)//stretch：拉伸图像来填充区域（默认值）//repeat ：平铺（重复）图像来填充区域。//round ：铺满。类似 repeat 值。如果无法完整平铺所有图像，则对图像进行缩放以适应区域。//round会凑整填充（进行了适度的拉伸）。repeat不进行拉伸，不凑整。
来源：https://www.cnblogs.com/mingliangge/p/12207634.html