CSS可以用來切掉一個圓的一半，讓它看起來像是被斜著削掉了一段。這種效果看起來很酷，可以用在各種設計中。

.circle{
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #ccc;
clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
/* 這一行代碼是關鍵：使用clip-path屬性，將四個頂點依次定義為左上角、右上角、右下角和左下角 */
}

上面的代碼中，我們首先定義了一個圓形，其寬高均為200px，使用border-radius屬性將其變成一個圓。然后，使用clip-path屬性，將四個頂點依次定義為左上角、右上角、右下角和左下角，這樣就實現了將圓削掉半邊的效果。

我們可以通過調整clip-path屬性中的值，來削掉圓形的不同部位，實現不同的效果。比如，將右下角的縱坐標改為25%：

clip-path: polygon(0 0, 100% 0, 100% 75%, 0 50%);

這樣就可以將圓形的右下角變成一個斜角，整個形狀就變得更加有趣了。