1,利用css画圆
首先，咱们简简单单画个盒子，然后用css属性给出相应宽高，并给出背景颜色，方便我们更好的查看效果。
接下来我们给出关键代码 border-radius: ;代表的是盒子圆角,并赋值50%,然后就能实现画圆了.
width: 200px;
height: 200px;
background-color: blue;
border-radius: 50%;
注意：宽高必须一致，否则实现的效果就是椭圆了
2，利用css画胶囊
首先还是搭建盒子，然后给出宽高不同的css属性，背景颜色，边框，最后再用代码border-radius: ;，赋值为高度的一半，然后就实现了
width: 300px;
height: 200px;
background-color: blue;
border: 2px solid #000;
border-radius: 100px;
3，利用css画三角形
实现原理：利用盒子边框完成
1.设置一个盒子 2.设置四周不同颜色的边框 3.将盒子宽高设置为0，仅保留边框 4.得到四个三角形，选择其中一个后，其他三角形（边框）颜色设置为透明色
width: 0px;
height: 0px;
border-left: 50px solid transparent;
border-top: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 50px solid pink;
通过设置不同边框宽高能改变三角形形状
