解决方法
对于< hr>您可以使用css：before伪元素来制作不同颜色的区域(请更改颜色和尺寸以符合您的设计)：
hr {
background-color: #555;
border: none;
display: block;
height: 4px;
overflow: visible;
position: relative;
width: 100%;
}
hr:before {
background-color: #f90;
content: '';
display: block;
height: 8px;
left: 0;
position: absolute;
top: -2px;
width: 20%;
z-index: 1;
}
<hr>
