CSS是指层叠样式表，它可以控制一个HTML文件的样式。其中一种样式效果就是圆角。下面就为大家介绍如何使用CSS制作圆角的方法：

 .box {border-radius: 10px; } .box {background-image: url('circle.png');background-size: cover;width: 100px; height: 100px;} .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格式。