html设置边框

在HTML中，可以使用CSS（层叠样式表）来设置元素的边框，以下是一些常用的CSS属性和值，用于定义边框的样式：

1. `border-width`: 设置边框的宽度，可以指定一个具体的像素值，如`2px`，或者使用关键字`thin`、`medium`、`thick`。

2. `border-style`: 设置边框的样式，常见的选项有`solid`（实线）、`dotted`（点状）、`dashed`（虚线）、`double`（双线）、`groove`（3D凹槽效果）、`ridge`（3D凸槽效果）、`inset`（3D内嵌效果）和`outset`（3D外嵌效果）。

3. `border-color`: 设置边框的颜色，可以使用颜色名称、十六进制代码或RGB值。

4. `border-radius`: 设置边框的圆角半径，可以单独设置每个角的半径，border-radius: 5px;`，或者统一设置四个角的半径，border-radius: 5px 10px 15px 20px;`。

下面是一个示例，展示如何在HTML中使用这些属性来设置边框：

```html

```

在上面的示例中，我们创建了一个名为`my-box`的CSS类，并为其设置了边框样式，我们在HTML文档中的`