css边框设置高低大小

在CSS中，你可以通过一系列属性来设置元素的边框，包括宽度、样式、颜色以及圆角等。下面是关于边框设置的一些基本属性：

1. **边框宽度（border-width）**: 可以指定每个边框（上、下、左、右）的宽度，如 `border-top-width`, `border-right-width`, `border-bottom-width`, 和 `border-left-width`。也可以使用简写形式 `border-width: thin medium thick;` 或者 `border-width: 1px 2px 3px 4px;`.

2. **边框样式（border-style）**: 可以选择多种样式，比如 `solid` （实线）、`dotted`（点状线）、`dashed`（虚线）或 `double`（双线）。例如：`border-style: solid dashed dotted;`.

3. **边框颜色（border-color）**: 用于设置边框的颜色，可以是一个颜色名称、十六进制值、RGB值或RGBA值。例如：`border-color: red green blue yellow;`.

4. **边框样式+宽度+颜色的简写（border）**: 这是最常用的写法，如 `border: 1px solid black;` 设置所有边框都是1像素宽的黑色实线。

例如：

.box {
  border-width: 3px; /* 上下左右各3px */
  border-style: solid; /* 四边都为实线 */
  border-color: #ccc; /* 边框颜色为灰色 */
}