在Web開發中，圓角矩形是經常被使用到的一個元素。利用CSS可以輕松實現圓角的效果。下面我們來介紹如何使用純CSS設置圓角矩形。

/* 設置元素為圓角矩形 */
border-radius: 10px;
/* 可以將四個角分別設置為不同的圓角程度 */
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 40px;
/* 也可以將上下左右兩個角分別設置為相同的圓角程度 */
border-top-right-radius: 10px 20px;
border-bottom-right-radius: 30px 40px;
border-bottom-left-radius: 50px 60px;
/* 像素值可以替換為百分比 */
border-radius: 50%;
/* 可以使用inset來設置內圓角矩形 */
border-radius: 10px 20px 30px 40px / 50px 60px 70px 80px;

總結：CSS提供了多種方式設置圓角矩形，我們可以根據需求選擇最適合的方式。掌握圓角矩形的設置方法可以讓我們制作更加美觀的網頁UI。