如何使用CSS 繪制各種形狀？
很多小伙伴在做開發的時候，遇到一些要畫很多形狀的時候，就很糾結了，知道怎么用CSS去布局，就是不知道怎么畫圖案。
其實使用CSS可以繪制出很形狀的，比如三角形，梯形，圓形，橢圓形等等，並不只能畫矩形。
今天的教程，就來教大家怎么去用CSS繪制這些圖形吧。
為了方便大家去理解，今天分成基本形狀和組合形狀來一起講解吧，基本形狀是非常好理解的，再利用這些基本形狀進行組合，就可以實現稍微復雜的組合形狀了。
基本形狀
三角形
梯形
圓形
橢圓
球體
半圓
菱形
組合形狀
心形
心形是由兩個圓形和一個矩形進行組合得到的。
扇形
扇形是由一個圓形和一個矩形進行組合得到的，用矩形遮住圓形的一部分就形成了扇形。
五邊形
五邊形是由一個三角形和一個梯形進行組合得到的。
六邊形
六邊形是由兩個三角形和一個矩形進行組合得到的。
長方體
長方體是由六個矩形進行組合得到的。
圓柱體
圓柱體是由一個橢圓和一個圓角矩形進行組合得到的。
棱錐
棱錐是由四個三角形和一個矩形進行組合得到的。
最后
今天講的內容里，有些可能大家會覺得有些比較難實現，其實你也可以使用 clip-path 這一個屬性，繪制各種形狀。
當然，CSS能繪制的東西，遠不止這些。還有許多東西今天一下子講不完，今天講的都是比較基礎的一些，對這個感興趣的小伙伴可以后面自己去探索一下。
