css盒子模型怎么加边框

在CSS中，设置盒子模型的边框通常涉及以下几个步骤：

1. **边框样式（border-style）**：使用`border-style`属性来指定边框的样式，例如 `solid`（实线）、`dashed`（虚线）、`double`（双线）等。例如：

   .element {
     border-style: solid;
   }

2. **边框宽度（border-width）**：通过`border-width`指定边框的粗细，可以用像素、百分比或者一些预设值（如`thin`, `medium`, `thick`）。例如：

   .element {
     border-width: 1px;
   }

3. **边框颜色（border-color）**：使用`border-color`设置边框的颜色。它可以是颜色名称、十六进制代码、RGB值或RGBA值。例如：

   .element {
     border-color: #000;
   }

4. **边框圆角（border-radius）**：如果你希望边框有圆角，可以单独设置每个角的半径，或者使用`border-radius`统一所有角。例如：

   .element {
     border-radius: 5px;
   }

组合这四个属性，完整的样子就像这样：

.element {
   border: 1px solid #000;
   border-radius: 5px;
}