我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！
前言
今天要给大家带来的是，一只简单的小猪。
今天的分享比较简单，是一只简笔画形式的小猪，所涉及的知识点不多，相信大家跟着我的步伐走，读完文章后也能自己动手画一只出来啦。
绘制思路
我们照例，观察一下小猪的模样。
脑袋
整体看来就是个大脑阔了，脑阔是由半圆模拟的，半圆我们可以使用 border-radius 来画，将部分的属性值，调整其 y 轴的半径长度为0，就可以隐藏绘制出半个圆，作为我们小猪的脑袋啦。
眼睛
眼睛部分我们可以相对于脑阔来做绝对定位，设置其为 position: absolute，调整 top 属性到合适的位置，然后通过left和right属性分别调整左右眼的位置。眼睛我们用椭圆模拟。
鼻子
鼻子是一个椭圆，两个鼻孔我们用的也是椭圆去模拟，因此鼻子整体我们一共用了三个椭圆，最外层进行一个绝对定位absolute到中间位置，鼻孔我们可以用额外两个标签或者伪元素before和after去做。
嘴巴 & 脸颊
嘴巴是一个贴合鼻子的半圆，画法和上面相同。或者我们可以用一个正圆，通过放置在鼻子下层，露出半个，使得从视觉上来看它就是个半圆形。
脸颊用的也是两个椭圆，和上面的画法是一样的。
至此，一只小猪就画好啦。
