如何用css画一个笑脸

1、在文件夹创建一个test的html文件。

3、创建一个div，id为face作为脸，并通过css在style中绘制一个圆并填充颜色，要设置position，top与left是设置圆形位置。#face { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; top: 80px; left: 130px;}

5、然后是在face中创建两个div，eye1与eye2作为眼睛，同样是两个圆形填充颜色，并设置位置。

7、最后是添加一个div，mouth作为嘴巴，是一个月牙形的，transform:rotate设置月牙的旋转。#mouth{ transform:rotate(45deg); width:60px; height:60px; border-radius:50%; box-shadow: 10px 10px 0 0 #ffffff; position: absolute; top:-12px; left:-48px;}