要使用CSS创建具有圆角效果的盒子，可以使用`border-radius`属性。以下是一些基本步骤和示例代码：
设置宽度和高度
使用`width`和`height`属性为盒子指定固定的宽度和高度。
设置边框样式
使用`border`属性设置盒子的边框样式，包括边框的宽度、颜色和样式。
设置圆角半径
使用`border-radius`属性设置盒子的圆角半径。该属性可以接受一个或多个值，用于指定四个角的圆角半径。
如果只设置一个值，则四个角的圆角半径都相等。
如果设置两个值，则第一个值表示左上角和右下角的圆角半径，第二个值表示右上角和左下角的圆角半径。
如果设置四个值，则分别表示左上角、右上角、右下角和左下角的圆角半径。
示例1：设置所有圆角半径相等
```css
.box {
width: 200px；
height: 200px；
border: 2px solid 000；
border-radius: 50%； /* 所有角的圆角半径为50% */
}
```
示例2：分别设置各个角的圆角半径
```css
.box {
width: 200px；
height: 200px；
border: 2px solid 000；
border-radius: 10px 20px 30px 40px； /* 分别设置左上角、右上角、右下角和左下角的圆角半径 */
}
```
示例3：使用简写形式设置圆角半径
```css
.box {
width: 200px；
height: 200px；
border: 2px solid 000；
border-radius: 50px； /* 所有角的圆角半径为50px */
}
```
示例4：取消圆角效果
```css
.box {
width: 200px；
height: 200px；
border: 2px solid 000；
border-radius: 0； /* 取消圆角效果 */
}
```
示例5：设置盒子阴影
```css
.box {
width: 200px；
height: 200px；
border: 2px solid 000；
border-radius: 50px；
box-shadow: 10px 10px 10px 10px rgba（0,0,0,.3）； /* 设置盒子阴影 */
}
```
通过以上步骤和示例代码，你可以轻松地在CSS中创建具有圆角效果的盒子。根据具体需求，你可以调整宽度、高度、边框样式和圆角半径等属性。