在CSS中，可以使用 `border-radius` 属性来创建圆角。这是一个非常实用的属性，可以用于改变元素的边框、背景或图片的圆角效果。

下面是一些基本示例：

### 圆角边框

你可以给元素添加圆角边框。例如：

```css

div {

border: 2px solid;

border-radius: 10px; /* 这会使 div 的四个角都变为圆角 */

}

```

你也可以为每个角分别设置不同的圆角半径：

```css

div {

border: 2px solid;

border-radius: 10px 20px 30px 40px; /* 顺时针方向，左上角、右上角、右下角、左下角 */

}

```

### 圆形元素

如果你想让一个元素完全变成一个圆形，你可以这样做：

```css

div {

width: 100px; /* 或者其他你想要的尺寸 */

height: 100px; /* 必须和宽度相同，才能保持圆形 */

border-radius: 50%; /* 这会使 div 变成一个完整的圆形 */

}

```

### 圆角背景图片

如果你有一个带有背景图片的元素，你也可以使用 `border-radius` 来添加圆角效果：

```css

div {

background-image: url('your-image.jpg');

border-radius: 10px; /* 这会使背景图片的边缘变为圆角 */

}

```

记住，`border-radius` 的值可以是像素、百分比或者其他CSS支持的长度单位。这些例子只是基础的，你可以根据你的需要进行调整和组合。