CSS是一種用于網頁設計和布局的語言，其強大的功能使得網頁開發更加輕松和靈活。在CSS中，我們可以非常簡單地創建各種形狀的元素，包括圓形擺鐘。

.clock{
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #f7b067;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.hour-hand{
width: 8px;
height: 60px;
background-color: #9b9b9b;
position: absolute;
bottom: 50%;
left: 50%;
transform: translate(-50%,50%) rotate(0deg);
transform-origin: bottom;
z-index: 3;
}
.minute-hand{
width: 6px;
height: 80px;
background-color: #9b9b9b;
position: absolute;
bottom: 50%;
left: 50%;
transform: translate(-50%,50%) rotate(0deg);
transform-origin: bottom;
z-index: 2;
}
.second-hand{
width: 4px;
height: 100px;
background-color: #9b9b9b;
position: absolute;
bottom: 50%;
left: 50%;
transform: translate(-50%,50%) rotate(0deg);
transform-origin: bottom;
z-index: 1;
}
.center-dot{
width: 10px;
height: 10px;
background-color: #9b9b9b;
border-radius: 50%;
position: absolute;
bottom: 50%;
left: 50%;
transform: translate(-50%,50%);
z-index: 4;
}

上面的代碼是一個使用CSS創建的圓形擺鐘。我們首先創建一個寬高相等、邊框半徑為50%的圓形元素，并設置其背景顏色。我們使用以下的CSS屬性將圓心設置在元素的中心：

position: relative;
display: flex;
justify-content: center;
align-items: center;

這里，我們使用了Flexbox布局來使得鐘面的指針在圓心對齊。

接下來，我們分別繪制表針。為了讓它們能夠旋轉，我們設置它們的position為absolute并設置bottom和left來讓它們與圓心對齊，然后使用transform屬性旋轉元素。

最后，我們創建了一個小黑點作為鐘面的中心，并將其position設置為absolute。

通過以上的代碼，就可以創建出一個簡單的CSS圓形擺鐘。