css <basic-shape>的基本形状函数有哪一些？如何使用？

inset( <shape-arg>{1,4} [round <border-radius>]? )

inset()函数定义了一个插入矩形。它需要一到四个偏移值，它们指向内部参考框边缘（上，右，下与左边界和顶点)的偏移量。这些指定了插入矩形在元素内的位置。

它们遵循边际速记（简写）语法，所以给予一个、两个、或四个值都能设置四个偏移量。如果指定了一个偏移值（例如15px），则它将用作顶部，右侧，底部和左侧偏移。如果指定了两个偏移值（例如20px 10px），则它们分别指定顶部和底部偏移以及右和右偏移。如果指定了三个值（例如10px 15px 20px），则第一个指定顶部偏移，第二个指定右和左偏移，第三个指定底部偏移。如果指定了四个值，则第一个用作顶部偏移，第二个用作右偏移，第三个用作底部偏移，第四个用作左偏移。

就像边距一样，偏移值可以设置为绝对长度或百分比。

可选参数<border-radius>用于定义插进长方形顶点的圆弧角度，该参数使用与css border-radius属性相同的语法来指定1~8个值，这些值指定水平和垂直维度中的四个角的舍入值。指定的边框半径必须以round关键字开头。它同样遵循边际速记语法，给予一个、两个、或四个值都能设置四个偏移量。

以下是所有有效的inset()矩形形状声明：

一个5px圆角的矩形，其边缘从顶部和底部边缘向内设置10％，左边和右边20％的盒子参考框

inset(10% 20% round 5px);
创建非圆形嵌入矩形，向内设置距离顶部15px，左右20px，距离下边缘30px的参考框
inset(15px 20px 30px);
在所有四个中创建一个向内设置25％的矩形相对于参考框边缘的方向， 并且左上角和右下角都是圆形的 10px，以及右上角和左下角 舍入30px 
inset(25% round 10px 30px);
一个10px圆角的矩形，向内设置距离顶部10px，距离左部40px，距离右部20px，距离下边缘30px的参考框
inset(10px 20px 30px 40px round 10px);
circle（）
语法：
circle() = circle( [<shape-radius>]? [at <position>]? )
/ *其中.. * /
<shape-radius> = <length>   
关键词：css <basic-shape>的基本形状函数有哪些？如何运用？