CSS是指層疊樣式表，它可以控制一個HTML文件的樣式。其中一種樣式效果就是圓角。下面就為大家介紹如何使用CSS制作圓角的方法：

/* 1. 使用border-radius屬性 */ 
.box {
border-radius: 10px; /* 10px表示圓角的弧度 */
}
/* 2. 使用圓形背景圖 */ 
.box {
background-image: url('circle.png');
background-size: cover;
width: 100px; /* 必須指定寬高 */
height: 100px;
}
/* 3. 使用偽元素 */ 
.box {
position: relative; /* 父元素需要有定位 */
width: 100px;
height: 100px;
}
.box::before {
content: '';
position: absolute; /* 絕對定位 */
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border-radius: 50%; /* 圓形 */
border: 10px solid #000; /* 邊框 */
}

以上三種方式都可以制作出圓角效果，不同的方法適用于不同的場景。需要注意的是，如果要使用第二種方法，圓形圖片必須是透明的PNG格式。