要使用CSS制作时钟样式，需要使用HTML和CSS结合完成。首先，在HTML中创建一个包含时钟的容器，例如一个<div>元素。然后，使用CSS设置容器的样式，包括大小、背景颜色、边框等。接下来，使用CSS设置容器内的时钟样式。以下是一个简单的示例：
<div class="clock">
<div class="hour-hand"></div>
<div class="minute-hand"></div>
<div class="second-hand"></div>
</div>.clock {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #fff;
border: 5px solid #000;
position: relative;
}
.hour-hand, .minute-hand, .second-hand {
position: absolute;
left: 50%;
top: 50%;
transform-origin: bottom center;
}
.hour-hand {
width: 6px;
height: 60px;
background-color: #000;
}
.minute-hand {
width: 4px;
height: 80px;
background-color: #000;
}
.second-hand {
width: 2px;
height: 90px;
background-color: red;
}在上面的示例中，我们首先创建了一个大小为200x200像素的圆形容器，使用border-radius属性设置其为圆形。然后，在容器内创建了三个元素，分别代表时针、分针和秒针。这三个元素使用了绝对定位，将它们放置在容器的中心位置，使用left: 50%和top: 50%属性。同时，我们使用transform-origin属性将它们的旋转中心点设置为底部中心，这样它们就会围绕底部旋转。
接下来，我们设置了每个指针的宽度、高度和背景颜色。时针和分针使用黑色作为背景色，而秒针使用红色，以便更好地区分它们。最后，我们可以使用JavaScript将指针旋转到正确的位置，从而完成时钟的制作。