css设置元素的外边框

在CSS中，可以使用多种属性来设置元素的外边框。以下是几个常用的属性：

1. `border-width`: 控制边框的粗细，可以分别设置四个方向（上、下、左、右）的宽度，也可以一次性设置四个值，如 "1px 2px 3px 4px" 表示上边框1px宽，下边框2px宽，左边框3px宽，右边框4px宽。

2. `border-style`: 设置边框的样式，常见的样式有 "solid"（实线）、"dashed"（虚线）、"dotted"（点状线）等，还可以设置 "double", " groove", "ridge", "inset", "outset" 等更复杂的样式。

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

4. `border-radius`: 可以设置圆角，使得边框呈现出圆滑的效果。

5. `box-sizing`: 这个属性影响元素的总尺寸计算，对于设置了边框和内边距的元素，可以选择 `content-box` (默认) 或 `border-box` 来决定尺寸是否包含边框。

示例代码：

div {
  border: 2px solid #000; /* 单一值表示四边相等 */
  border-style: dashed dotted solid double; /* 设置不同边框样式 */
  border-color: red green blue purple; /* 颜色可以按顺序设置 */
  border-radius: 10px; /* 圆角效果 */
  box-sizing: border-box; /* 使用边界盒模型 */
}