css 设置边框

/* 设置一个简单的边框 */
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 凹槽 黄色 */
}

/* 只设置上下左右某一边的边框 */
div {
  border-top: 5px solid orange;  /* 只设置上边框 */
  border-bottom: 5px solid purple; /* 只设置下边框 */
}

/* 使用 border-style, border-width, border-color 分别设置 */
div {
  border-style: solid; /* 边框样式为实线 */
  border-width: 3px;   /* 边框宽度为3px */
  border-color: teal;  /* 边框颜色为蓝绿色 */
}

解释说明：

• border 是一个简写属性，可以同时设置边框的宽度、样式和颜色。
• border-top, border-right, border-bottom, border-left 可以分别设置四条边的边框。
• border-style、border-width 和 border-color 可以单独设置边框的样式、宽度和颜色。