虚线点

.dian {
// border-left: 1px dotted #2063ff;
// height: 40px;
margin-left: 19px;
// top: 1px;

height: 40px;
background-image: linear-gradient(
#2063ff 35%,
rgba(255, 255, 255, 0) 0%
); /* 35%设置虚线点y轴上的长度 /
background-position: left; /
right配置右边框位置的虚线 /
background-size: 1px 10px; /
第一个参数设置虚线点x轴上的长度;第二个参数设置虚线点的间距 */
background-repeat: repeat-y;
}

posted @ 2022-09-28 09:04  xuelin  阅读(43)  评论(0)    收藏  举报