web前端入门到实战：css绘制各种形状图形

虽然我们现在大都使用字体图标或者svg图片，似乎使用 CSS 来做图标意义不是很大，但怎么实现这些图标用到的一些技巧及思路是很值得我们的学习。

一、实心圆

二、圆环（空心圆）

三、椭圆

四、半圆

五、四分之一圆（扇形）

六、心形

七、鸡蛋

八、太极八卦阵图

九、叶子（花瓣）

---

十、五叶花瓣

十一、牵牛花

十二、风车

十三、小尾巴

十四、箭头

十五、月亮

十六、三角形

---

---

十七、梯形

---

十八、边框对话框

十九、锁

二十、立体球型

二十一、圆柱

更多形状图形持续更新，欢迎大家讨论提出问题