在CSS3中，新增了很多属性，如border-radius、flex、column衡痕贤伎s等。如果想要利用这些属性设计一个机器人的眼睛，该如何实现呢？
工具/原料
Windows7
HBuilderX3.1.11.20210423
CSS3
HTML5
方法/步骤
1、第一，打开HBuilderX工具，新建HTML5页面，然后插入三个div，分别设置id属性
2、第二，利用ID选择器circle，设置第一个div的样式，如宽度、高度、背景色等
3、第三，接着用id为left的选择器，设置第二个div标签的样式属性
4、第四，为了设置机器人右边的眼睛，设置id值为right的div样式，使用绝对定位
5、第五，保存代码并打开浏览器，查看设计效果，可以看到眼睛效果
6、第六，再添加两个div标签，分别作为机器人眼珠，设置对应的样式，然后保存并刷新浏览器，预览效果
