CSS可以利用border-radius屬性來修剪圓形。它可以用于幾乎所有HTML元素，包括div、button、a鏈接和圖片。border-radius可以用于控制四個角的半徑大小，從而創(chuàng)造出圓形、橢圓形和其他形狀。下面是一個實例。

.circle {
width: 60px;
height: 60px;
background-color: #007bff;
border-radius: 50%;
}

在這個實例中，我們創(chuàng)建了一個60像素的正方形形狀，并利用border-radius將其形狀變成了圓形。我們設(shè)置border-radius值為50%，這意味著我們希望半徑的大小等于寬度和高度的一半，從而創(chuàng)造出一個圓形的形狀。

除了利用border-radius來創(chuàng)造圓形形狀，我們還可以利用它來創(chuàng)造圓角矩形、橢圓形和其他形狀。下面是一些其他示例。

.circle {
width: 200px;
height: 100px;
background-color: #007bff;
border-radius: 20px;
}
.oval {
width: 200px;
height: 100px;
background-color: #007bff;
border-radius: 50% / 20%;
}
.custom-shape {
width: 150px;
height: 150px;
background-color: #007bff;
border-radius: 50% 0% 50% 0% / 0% 50% 50% 0%;
}

在這些示例中，我們將border-radius的值設(shè)置為不同的數(shù)值，以創(chuàng)造出不同的形狀。例如，利用50% / 20%的值，我們可以創(chuàng)造出一個橢圓形，其中寬度的半徑是高度的5倍。利用50% 0% 50% 0% / 0% 50% 50% 0%的值，我們可以創(chuàng)造出一個四點鐘形狀。

總之，CSS的border-radius屬性可以用于創(chuàng)造出各種形狀，而不僅僅是圓形。在設(shè)計網(wǎng)站時，利用這個屬性來創(chuàng)造個性化的形狀可以非常有趣和有創(chuàng)意，讓你的網(wǎng)站更加吸引人。