CSS圓角是我們在開發過程中非常常見的一種樣式需求，實現方式多種多樣，下面將介紹一些實現圓角的方法。

/* 1. border-radius屬性實現圓角 */
div{
border-radius: 10px;
}
/* 2.使用background-clip和padding實現圓角 */
div{
background-clip: padding-box;
padding: 10px;
border-radius: 10px;
}
/* 3.使用偽元素實現圓角 */
div{
position: relative;
border-radius: 10px;
}
div::before{
content: '';
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border-radius: 20px;
background-color: #fff;
}
/* 4.使用SVG實現圓角 */
div{
background-image: url(data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect x='0' y='0' width='10' height='10' rx='2' ry='2'/%3E%3C/svg%3E);
}

以上是實現圓角的幾種方式，開發者可以根據自己的需求選擇合適的方法。