CSS3是网页开发中常用的技术之一，它可以帮助我们实现各种各样的效果，其中之一便是制作表盘。

.clock {
width: 200px;
height: 200px;
background-color: #f5f5f5;
border-radius: 50%;
position: relative;
overflow: hidden;
}
.hour,
.minute,
.second {
position: absolute;
background-color: #222;
transform-origin: bottom center;
border-radius: 10px;
z-index: 1;
}
.hour {
width: 10px;
height: 60px;
top: 70px;
left: 95px;
transform: rotate(30deg);
}
.minute {
width: 8px;
height: 80px;
top: 60px;
left: 96px;
transform: rotate(60deg);
}
.second {
width: 3px;
height: 90px;
top: 50px;
left: 98px;
transform: rotate(90deg);
}
.center {
width: 12px;
height: 12px;
background-color: #222;
border-radius: 50%;
position: absolute;
top: 94px;
left: 94px;
z-index: 2;
}
.mark {
width: 2px;
height: 8px;
background-color: #222;
transform-origin: bottom center;
position: absolute;
top: 30px;
left: 98px;
}
.mark:nth-child(1) {
transform: rotate(30deg);
}
.mark:nth-child(2) {
transform: rotate(60deg);
}
.mark:nth-child(3) {
transform: rotate(90deg);
}
/* ...... 其他标记 ...... */

可以看到，代码中利用了CSS3的transform属性，来对时针、分针、秒针进行旋转。同时，border-radius属性也为表盘和指针的圆角效果做了贡献。

通过上述的CSS代码，我们就可以轻松地制作一个简单的表盘，让网页更加富有趣味性和交互性。