要使用CSS创建具有box-shadow效果的圆角盒子，你可以按照以下步骤操作：
为HTML元素添加类名或ID
例如，我们创建一个``元素并为其添加一个类名`rounded-box`。
设置圆角效果
使用`border-radius`属性来设置圆角效果。
基本语法：`border-radius: val；`，其中`val`是圆角的半径值。
可以分别设置四个角的圆角效果：
`border-radius: val1 val2 val3 val4；`，分别代表左上角、右上角、右下角、左下角的圆角半径。
或者分别设置每个角的圆角效果：
`border-top-left-radius: val1；`
`border-top-right-radius: val2；`
`border-bottom-right-radius: val3；`
`border-bottom-left-radius: val4；`。
设置盒子阴影
使用`box-shadow`属性来设置盒子阴影。
属性值包括：
`h-shadow`： 水平阴影的位置（必需）。
`v-shadow`： 垂直阴影的位置（必需）。
`blur`： 模糊距离（可选）。
`spread`： 阴影的大小（可选）。
`color`： 阴影的颜色（可选）。
`inset`： 内阴影（可选）。
示例代码
```html