CSS可以通過使用border-radius屬性來指定HTML元素的圓角，讓頁面更加美觀。

/* 單獨指定四個角的圓角半徑 */
border-radius: 5px 10px 15px 20px;
/* 指定水平方向的圓角半徑 */
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
/* 指定一個元素為圓形 */
border-radius: 50%;

其中，border-radius可以接收1個到4個參數，分別對應左上角、右上角、右下角、左下角的圓角半徑。如果只指定一個參數，則四個角的半徑都是這個值。如果鏈式調用四個屬性，則可以分別指定每個角的半徑。

應用的效果可以是圓角矩形、橢圓形甚至是圓形，只需要將border-radius設置為元素寬度或高度的一半即可。

/* 產生圓角矩形效果 */
border-radius: 5px;
/* 產生橢圓形效果 */
border-radius: 50% / 30%;
/* 產生圓形效果 */
border-radius: 50%;

通過使用border-radius屬性，開發者可以快速簡便地實現頁面元素的圓角效果，有效降低了開發難度與時間成本。