如何使用CSS3中的属性绘制机器人的眼睛

1、第一，打开HBuilderX工具，新建HTML5页面，然后插入三个div，分别设置id属性

2、第二，利用ID选择器circle，设置第一个div的样式，如宽度、高度、背景色等

3、第三，接着用id为left的选择器，设置第二个div标签的样式属性

4、第四，为了设置机器人右边的眼睛，设置id值为right的div样式，使用绝对定位

5、第五，保存代码并打开浏览器，查看设计效果，可以看到眼睛效果

6、第六，再添加两个div标签，分别作为机器人眼珠，设置对应的样式，然后保存并刷新浏览器，预览效果