在html中如何加入一定长度的虚线，虚线的长度是要可以控制的。_随笔

用HR<hr style="width:99%border:1px solide #ccc"/>

用DIV模拟HR，推荐下面这种

<!DOCTYPE HTML>

<html>

<head>

</head>

margin: 0

padding: 0

}

.box {width: 100%border: 1px solid #000000box-sizing: border-boxposition: relative}

.img1{height: 100%width: 100%}

li{list-style: none}

.box li{border-bottom: 1px dashed #000000width: 80%background: #DCDCDCheight: 35px}/*dashed是虚线width控制li的宽度*/

.text{position: absolutetop:42.5pxleft:30%}

.text20{position: absolutetop:42.5pxright:20px}

</style>

<body>

<ul>

</ul>

灰色内容占总宽度80%

</div>

白色内容占</br>总宽度20%

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

在html中如何加入一定长度的虚线，虚线的长度是要可以控制的。