border-radius是一種CSS屬性，用于為HTML元素的邊框創建圓角效果。通過設置元素的border-radius屬性，可以調整元素的角落，使其呈現出圓形、橢圓形或其他自定義形狀的邊框。

border-radius屬性可以用于任何HTML元素，包括p、按鈕、圖像等。使用border-radius時，可以通過設置一個或多個值來控制邊框的圓角效果。這些值可以是像素（px）、百分比（%）或除數（用于相對于元素大小進行計算）。

border-radius屬性的語法如下：

border-radius: value1 value2 value3 value4;

其中，value1、value2、value3和value4分別表示左上角、右上角、右下角和左下角的圓角半徑。如果設置的值不足四個，則將會按順序重復使用這些值來設置剩余的角落。

如果只設置一個值，那么四個角落的圓角半徑將相等。例如：

border-radius: 10px; // 所有角落的圓角半徑為10px

如果設置兩個值，那么第一個值將應用于左上角和右下角，第二個值將應用于右上角和左下角。例如：

border-radius: 10px 20px; // 左上角和右下角的圓角半徑為10px，右上角和左下角的圓角半徑為20px

如果設置三個值，那么第一個值將應用于左上角，第二個值將應用于右上角和左下角，第三個值將應用于右下角。例如：

border-radius: 10px 20px 30px; // 左上角的圓角半徑為10px，右上角和左下角的圓角半徑為20px，右下角的圓角半徑為30px

border-radius屬性還支持指定百分比和除數作為值。這些值將按比例相對于元素的大小來計算圓角半徑。例如：

border-radius: 50% 25% 75% 10%; // 左上角的圓角半徑為50%元素寬度，右上角的圓角半徑為25%元素高度，右下角的圓角半徑為75%元素寬度，左下角的圓角半徑為10%元素高度

除了指定精確的數值，border-radius屬性還可以使用特殊的值來創建圓形或橢圓形的邊框。例如：

border-radius: 50%; // 創建一個圓形邊框，圓角半徑為元素寬度的50%

總結來說，border-radius是一種用于設置HTML元素邊框圓角效果的CSS屬性。它可以通過設置一個或多個值來控制角落的圓角半徑，也支持使用百分比或除數進行相對計算。使用border-radius可以使網頁設計更加美觀，增加元素的視覺吸引力。