想要給 CSS 框變弧度的話,可以使用 border-radius 屬性。這個屬性用來指定框邊緣的圓角程度。
/* 使框的四個角變成圓形 */ border-radius: 50%; /* 使框的左上角和右下角變成圓形 */ border-top-left-radius: 20px; border-bottom-right-radius: 20px; /* 使框的上邊緣變成弧形 */ border-top-left-radius: 20px 50px; border-top-right-radius: 20px 50px;
上面的代碼演示了如何使用 border-radius 屬性來給框增加弧度。通過設置一個像素值或者百分比值,你可以控制邊緣的圓角程度。你還可以分別設置四個角的圓角程度,或者只設置某幾個角的弧度。
總體來說,使用 border-radius 屬性可以使我們的 CSS 框變得更加圓潤、柔和,達到更加美觀的效果。同時,這個屬性也非常的簡單,只需要一個數值或者數值組合就可以控制圓角的大小和位置。