CSS的border-radius属性用于设置元素的边框半径，从而创建圆角效果。
解法1：
.box {
border: 2px solid #000;
padding: 20px;
width: 200px;
height: 200px;
border-radius: 50%;
}这段代码会创建一个圆形的盒子。
解法2：
.box {
border: 2px solid #000;
padding: 20px;
width: 200px;
height: 100px;
border-radius: 10px 20px 30px 40px / 50px 60px 70px 80px;
}这段代码会创建一个具有不同半径的四个角的盒子。
解法3：
.box {
border: 2px solid #000;
padding: 20px;
width: 200px;
height: 100px;
border-radius: 100px;
}这段代码会创建一个圆角矩形，所有的角都是圆的。
解法4：
.box {
border: 2px solid #000;
padding: 20px;
width: 200px;
height: 100px;
border-radius: 50%;
}这段代码会创建一个圆形的盒子。
解法5：
.box {
border: 2px solid #000;
padding: 20px;
width: 200px;
height: 100px;
border-radius: 60%;
}这段代码会创建一个椭圆形的盒子。
解法6：
.box {
border: 2px solid #000;
padding: 20px;
width: 200px;
height: 100px;
border-radius: 50%;
background-image: url('image.jpg');
background-size: cover;
}这段代码会创建一个圆形的盒子，并且在其中添加了一张图片。
解法7：
.box {
border: 2px solid #000;
padding: 20px;
width: 200px;
height: 100px;
border-radius: 50%;
background-color: #000;
opacity: 0.5;
}这段代码会创建一个半透明的圆形盒子。
解法8：
.box {
border: 2px solid #000;
padding: 20px;
width: 200px;
height: 100px;
border-radius: 50%;
background-color: linear-gradient(to right, red , yellow);
}这段代码会创建一个具有渐变颜色的圆形盒子。
以上就是border-radius的一些基本用法，你可以根据自己的需求进行组合和变化。