在CSS中，矩形圓弧是通過border-radius屬性來實現的。border-radius控制某個元素的邊框角的圓弧程度。該屬性可以為一個或四個值，如下所示：

/* 單個值 */ 
border-radius: 20px;
/* 水平和垂直方向分別指定2個值 */ 
border-radius: 10px 30px;
/* 四個值 */ 
border-radius: 10px 20px 30px 40px;

以上代碼表示，border-radius的值可以用px或百分數。如果是單個值，所有四個角的半徑都為該值。如果是兩個值，則第一個值控制上面兩個角，第二個值控制下面兩個角。如果是四個值，左上角、右上角、右下角和左下角將分別使用這四個值。

如果只想對某個特定的角進行圓弧，則需要分別設置border-top-left-radius、border-top-right-radius、border-bottom-right-radius和border-bottom-left-radius四個屬性。例如，以下代碼將只對左上角進行圓弧：

border-top-left-radius: 10px;

除了使用像素和百分比，border-radius屬性還允許使用特殊的關鍵字值：border-radius: 50% 表示元素的所有四個角將變成一個圓形。

矩形圓弧常常用于美化元素的樣式，如按鈕的圓角、文本框尖角等。當然，可以通過border-radius屬性把任何元素變成一個圓形或橢圓。