css虚线

作者：Haggard憔悴发布日期:2026-06-17 浏览:71

/* 使用border-style属性设置虚线边框 */
div {
  width: 200px;
  height: 100px;
  border: 2px dashed black; /* 设置虚线边框，颜色为黑色，宽度为2px */
}

/* 如果需要设置不同方向的虚线边框，可以分别设置每个边 */
div {
  border-top: 2px dashed red;    /* 上边虚线，红色 */
  border-right: 2px dashed green;/* 右边虚线，绿色 */
  border-bottom: 2px dashed blue;/* 下边虚线，蓝色 */
  border-left: 2px dashed orange;/* 左边虚线，橙色 */
}

解释说明：

border-style: dashed; 是用来设置虚线边框的关键属性。
border-width（如 2px）用于指定边框的宽度。
border-color（如 black）用于指定边框的颜色。
可以单独设置每个边的样式，例如 border-top, border-right, border-bottom, 和 border-left。

上一篇：css gap

下一篇：css文字居中