我们日常在画图形需要圆角时，经常使用 border-radius来搞定，这样确实很方便，毕竟可以直接通知八个方向的角度。但是对于一些特殊需求或者是一些不规则的border而言，慢慢调整确实有些麻烦。今天就再给大家介绍一个新东西 corner-shape. 
 [image] 
1. corner-shape 概念
corner-shape 属于 CSS 背景与边框模块 Level 4 中的新特性，用来扩展原本只会画“圆角”的 border-radius 。 以前只能做“圆圆的角”，现在可以在同一块盒子上做出内凹、斜切甚至介于圆和方之间的 角 。 
它是一个全新的属性，用来控制“圆角区域的形状”，配合 border-radius 可以非常方便地做出十字形、六边形、凹角卡片、对话气泡等复杂图形。 
对有边框的盒子，简单理解为： 

border-radius：控制“圆角半径”，即弧线的大小
...