border-radius是CSS屬性,用于設置一個元素的邊框的圓角形狀。該屬性可以設置一個或多個值,用來指定每個角落的圓角的半徑大小。
border-radius的值可以是具體的長度值(如像素、百分比),也可以是特定的關鍵字(如"inherit"、“initial”、“unset”),還可以是特定的形狀(如"circle"、“ellipse”)。
使用border-radius屬性可以使元素的邊框變得圓潤,而不是直角。通過設置不同的值,可以創建出不同形狀的圓角,如圓形、橢圓形、不規則形狀等。
例如,設置一個元素的四個角落的圓角半徑都為10像素的代碼如下:
border-radius: 10px;
設置一個元素的左上角和右下角的圓角半徑分別為10像素和20像素,而左下角和右上角的圓角半徑分別為30像素和40像素的代碼如下:
border-radius: 10px 30px 40px 20px;
使用border-radius可以使界面元素的外觀更加美觀和友好,增加用戶體驗。