border css

/* 示例代码：使用 border 属性设置元素的边框样式 */

/* 基本用法 */
div {
  border: 2px solid black; /* 设置边框宽度为2px，样式为实线，颜色为黑色 */
}

/* 分别设置四个边的边框 */
div {
  border-top: 1px dashed red;    /* 上边框：1px 虚线 红色 */
  border-right: 2px dotted blue; /* 右边框：2px 点线 蓝色 */
  border-bottom: 3px double green; /* 下边框：3px 双线 绿色 */
  border-left: 4px groove yellow;  /* 左边框：4px 凹槽 黄色 */
}

/* 使用 shorthand (简写) 设置所有边框属性 */
div {
  border-width: 1px 2px 3px 4px; /* 上 右 下 左 的边框宽度 */
  border-style: solid dashed dotted double; /* 上 右 下 左 的边框样式 */
  border-color: red blue green yellow; /* 上 右 下 左 的边框颜色 */
}

解释说明：

• border 是 CSS 中用于设置元素边框的属性，可以控制边框的宽度、样式和颜色。
• border-width、border-style 和 border-color 可以分别设置边框的宽度、样式和颜色。
• 也可以通过 border-top、border-right、border-bottom 和 border-left 分别设置每个边的边框。
• 使用简写方式（shorthand）可以一次性设置多个边框属性，简化代码。