.vertical-line { height: 100px; /*设置虚线高度*/ width: 1px; /*设置虚线宽度*/ border-left: 1px dashed #000; /*使用border-left设置左边框虚线样式*/ }
在上述代码中,首先定义了一个高度为100像素,宽度为1像素的元素,即虚线的高度和宽度。然后使用border-left属性来设置左边框的样式为虚线,颜色为#000黑色。
使用上述CSS类名及添加到HTML元素中,即可实现一个垂直方向的虚线。
首页 >
.vertical-line { height: 100px; /*设置虚线高度*/ width: 1px; /*设置虚线宽度*/ border-left: 1px dashed #000; /*使用border-left设置左边框虚线样式*/ }
在上述代码中,首先定义了一个高度为100像素,宽度为1像素的元素,即虚线的高度和宽度。然后使用border-left属性来设置左边框的样式为虚线,颜色为#000黑色。
使用上述CSS类名及添加到HTML元素中,即可实现一个垂直方向的虚线。