這篇文章給大家分享一組純css繪製的《辛普森一家》人物頭像。《辛普森一家》（the simpsons）是馬特·格勒寧為美國福克斯廣播公司創作的一部動畫處境喜劇。該劇通過對霍默、瑪琦、巴特、莉薩和瑪吉一家五口生活的描繪，用搞笑的方式自我嘲諷了美國的文化、社會、電視以及人類境況的諸多方面。
辛普森一家中的父親，一人養著全家。全名是 homer jay simpson。
homer 人物頭像html**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
homer 人物頭像css**如下：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
bart
乙個淘氣可愛的男孩子，10歲。全名 bartholomew j. simpson。
bart 人物頭像html**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
bart 人物頭像css**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
marge
乙個充滿包容的母親和妻子，家庭主婦，當過女警。（原名marge bouvier）
marge 人物頭像html**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
marge 人物頭像css**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
lisa
博學多才的女孩子，八歲。全名是 lisa simpson。
lisa 人物頭像html**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
lisa 人物頭像css**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
maggie
永遠在吸奶嘴的奇蹟嬰兒，不能說話，聰明機智。
maggie 人物頭像html**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
maggie 人物頭像css**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
mr burns
104歲，homer的老闆，有乙個長相極其滑稽的兄弟。
mr burns 人物頭像html**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
mr burns 人物頭像css**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
ned flanders
辛普森一家的鄰居，狂熱虔誠的**教徒，保守主義，經營著一家左撇子用品專賣店。
ned flanders 人物頭像html**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
ned flanders 人物頭像css**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
krusty
小丑 krusty，小朋友的最愛，bart 的偶像，出場率較高，是個勢利的靈感枯竭的演員。
krusty 人物頭像html**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
krusty 人物頭像css**：
[backcolor=rgb(255, 255, 255) !important][size=1em][backcolor=rgb(245, 245, 245) !important]
[color=blue !important]+ view code
純CSS繪製箭頭
這幾天研究別人的 發現別人的箭頭居然是用純css寫的。瞬間覺得高大上。細細研究其中的原理，發現其實也很簡單。繪製箭頭，首先應該懂得如何用純css繪製三角形。我們先做乙個寬高為0，有邊框的div看一看效果。width 0 height 0 border 50px solid border color ...
純 Css 繪製扇形
在此分享如何純 css 打造圓環進度條。閱讀此文需具備基本數學知識 圓心角 弧度制 三角函式。為實現如下效果嘔心瀝血 當然你可以擁抱 svg.在此分享如何純 css 打造圓環進度條，只需三步！此物乃 2 1 夾心餅乾，藍綠色部分為果醬。顯而易見餅乾為兩個削成了圓形的div，我們重點演示果醬是怎麼製作...
純 Css 繪製扇形
為實現如下效果嘔心瀝血 當然你可以擁抱 svg.在此分享如何純 css 打造圓環進度條，只需三步！此物乃 2 1 夾心餅乾，藍綠色部分為果醬。顯而易見餅乾為兩個削成了圓形的div，我們重點演示果醬是怎麼製作的 如圖所示，大扇形由6個小扇形構成，每一小扇形佔整個圓餅的1 15，大扇形佔整個圓餅的6 1...