CSS可以用來裁掉矩形的角。這是通過使用border-radius屬性完成的。在本文中，我們將介紹如何使用border-radius屬性來裁剪矩形的角。

.square {
width: 200px;
height: 200px;
background-color: #e9e9e9;
border-radius: 20px;
}

在上面的代碼中，我們創(chuàng)建了一個(gè)200x200的灰色正方形，它的邊角被削弱了20像素。

border-radius屬性可以接受1到4個(gè)值，這些值分別表示邊角的半徑。如果僅指定了一個(gè)值，則將應(yīng)用于所有角。如果指定了兩個(gè)值，第一個(gè)值將應(yīng)用于左上角和右下角，第二個(gè)值將應(yīng)用于右上角和左下角。如果指定了三個(gè)值，則第一個(gè)值將應(yīng)用于左上角，第二個(gè)值將應(yīng)用于右上角和左下角，第三個(gè)值將應(yīng)用于右下角。如果指定了四個(gè)值，則將應(yīng)用于左上角，右上角，右下角和左下角。

.rounded {
width: 200px;
height: 100px;
background-color: #e9e9e9;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}

在上面的代碼中，我們創(chuàng)建了一個(gè)200x100的灰色矩形，僅其左上角和右上角被削弱了50像素。

我們可以應(yīng)用border-radius屬性來創(chuàng)建各種形狀的元素，例如橢圓形和圓形：

.circle {
width: 200px;
height: 200px;
background-color: #e9e9e9;
border-radius: 50%;
}

在上面的代碼中，我們創(chuàng)建了一個(gè)200x200的灰色圓形，半徑為100像素。

在此示例中，我們使用border-radius屬性的50％來將正方形變成圓形。這個(gè)值的大小與元素的寬度和高度有關(guān)。

通過使用border-radius屬性，我們可以裁剪矩形的角，并創(chuàng)建各種形狀的元素。在您的下一個(gè)項(xiàng)目中，為了增強(qiáng)元素的外觀，請考慮使用border-radius屬性。