在頁面布局中，圓角矩形是一種常見的設計元素，它可以增加頁面的美觀度和用戶體驗。在CSS中設置圓角矩形非常簡單，可以使用border-radius屬性來完成。 border-radius屬性可以設置四個值，分別對應矩形的四個角，也可以只設置兩個值來分別對應左右兩個對角線的圓角半徑。 例如，下面的代碼會生成一個具有10px的圓角矩形：

p {
border-radius: 10px;
}

如果需要針對不同的角設定不同的圓角半徑，可以使用如下方式：

p {
border-top-left-radius: 20px;
border-top-right-radius: 10px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 25px;
}

在這個例子中，我們對每個角單獨設置了不同的半徑，這樣就可以創建出不規則的圓角矩形。 需要注意的是，如果設置了圓角半徑，那么邊框的寬度可能會被裁剪，如果需要完整顯示邊框，可以使用box-sizing屬性來調整元素的盒模型。 總的來說，設置圓角矩形在CSS中是一項非常簡單的任務，它可以提高頁面的可視化效果，從而更好地吸引用戶的注意力。