CSS盒子弧度是指通過設置圓角來改變HTML元素的外觀。盒子弧度可以讓元素看起來更加有趣和現代化。在CSS中，我們使用border-radius屬性來設置盒子弧度。

/* 設置所有四個角的弧度為10px */
div{
border-radius: 10px;
}
/* 設置左上角和右下角的弧度為30px */
div{
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}
/* 設置右上角和左下角的弧度為20px */
div{
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
}

可以看到，使用border-radius屬性，我們可以設置所有四個角的弧度，也可以單獨為左上角、右上角、左下角、右下角設置弧度。如果需要同時設置多個角的弧度，可以使用類似border-top-left-radius的語法。

在設置盒子弧度時，值可以是百分比、像素、em等單位。可以使用一個值來設置所有角的弧度，也可以使用兩個值來分別設置水平和垂直方向的弧度。此外，還可以使用四個值來設置每個角的弧度。

/* 設置所有角的弧度為10% */
div{
border-radius: 10%;
}
/* 設置水平方向的弧度為30px，垂直方向的弧度為40px */
div{
border-radius: 30px 40px;
}
/* 分別設置四個角的弧度 */
div{
border-radius: 10px 20px 30px 40px;
}

總之，盒子弧度是一種簡單卻強大的CSS特性，可以讓我們創建各種各樣的元素外觀。掌握盒子弧度的使用方法，可以使我們的網頁更加美觀和有吸引力。