绘制胡子的步骤：
步骤1： 创建一个黑色圆，圆角半径为50％，宽度和高度为180px
为了保持圆在中间，在左边加350px；为了要使圆可见，可添加背景色作为当前颜色。使用CurrentColor值的好处是更改颜色徽标，以便自动更改背景。
效果图：
步骤2： 使用box-shadow添加框阴影，使页面中间有两个圆
css样式
效果图：
步骤3： 使用::before元素添加左胡须
● 将::before元素添加到div，并添加position， top，width， height， border。
● 同时添加border-radius属性，直到弧线需要形成胡须。
● 固定旋转原点，使左胡须末端准确到达，然后以-40度角旋转。
添加.mustache::before样式
效果图：
步骤4： 使用::after元素添加右胡须
● 将::after元素添加到div，并添加position， top，width， height， border。
● 同时添加border-radius属性，直到弧线需要形成胡须。
● 固定旋转原点，使右胡须末端准确到达，然后以40度角旋转。
添加.mustache::after样式
效果图：
更多 web开发 知识，请查阅 HTML中文网 ！！
由于css具备交互 层叠 动画等功能，可以使用css来绘制许多优美的画面，CSS像艺术家一样优雅，像工程师一样严谨。所以说css像艺术家第五届CSS大会是袁川大佬在css大会首秀，利用css-doodle制作出了很多图案，属实惊艳。css-doodle可以帮助轻松的使用Custom Elements、Shadow DOM和CSS Grid创建任何你想要的图案（CSS 图案）。（注意：css-doodle组件到目前为止只在最新的Chrome和Safari浏览器上可以正常的运行。）
