制作一个CSS眼睛，大家需要先设置一个外层
来作为眼睛的容器，然后用一个内层
来作为眼球。在内层
上设置圆形样式和背景颜色，如下：
.eye {
width: 200px;
height: 200px;
border-radius: 50%;
position: relative;
background-color: #fff;
}
.eyeball {
width: 60px;
height: 60px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
background-color: #000;
}接下来，大家需要为眼球设置两个小球，分别表示瞳孔和反光。大家可以通过在内层
中添加两个
，并均分它们的宽度来实现。
.eyeball {
/* 上面的样式代码 */
overflow: hidden;
}
.pupil {
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
background-color: #000;
}
.reflection {
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
border-radius: 50%;
background-color: #fff;
}在代码中，大家为内层
设置overflow: hidden;，这是为了防止内部的小球超出容器范围。接下来就是为每个小球设置具体的样式，其中瞳孔（.pupil）为黑色，反光（.reflection）为白色。
以上就是制作CSS眼睛的代码。利用CSS妙手，大家不仅可以制作出美观的网页，还可以创造出形态各异的图形。让大家在不断的学习和实践中掌握更加高超的技巧，创造出更加精美的网页设计吧！