边框样式

CSS 的边框属性用于控制元素边框的宽度、颜色、样式等，常用属性包括 border-width、border-style 和 border-color。

1. 边框宽度（border-width）

指定边框的粗细：

border-width: 2px;

2. 边框样式（border-style）

边框的样式，如实线、虚线、点线等：

border-style: solid;    /* 实线 */
border-style: dashed;   /* 虚线 */
border-style: dotted;   /* 点线 */
border-style: double;   /* 双线 */
border-style: groove;   /* 凹槽效果 */
border-style: ridge;    /* 脊状效果 */
border-style: inset;    /* 内嵌效果 */
border-style: outset;   /* 外凸效果 */
border-style: none;     /* 无边框 */

3. 边框颜色（border-color）

设置边框颜色：

border-color: #333;
border-color: red;

4. 复合写法

简写方式同时设置宽度、样式和颜色：

border: 2px dashed blue;

---

边框样式示例

loading