1.圆形
设置宽高一样,圆角边框为50%
效果如下:
2. 三角形
设置边框宽度和颜色,其余三边框颜色为透明
效果如下:
3.椭圆
设置不同宽高,圆角边框为50%
效果如下:
4.菱形
设置宽高一样 旋转-45度
效果如下:
5.梯形
设置宽度,下边框和宽度一样,左右边框是宽度的一半,颜色为透明色
效果如下:
6.圆环
设置一样宽高,背景色为白色,在设置边框宽度颜色,圆角边框为50%
效果如下:
7.平行四边形
设置不同宽高,在设置倾斜角度
效果如下:
8.五角星
设置不同宽高,在通过伪元素绝对定位位置边框颜色
效果如下: