如何摆脱酒吧周围的白色边框

Question

我试图建立一个网站，它需要有一个进度条。 但每当我尝试制作它时，它只会在酒吧周围无缘无故地制作一个白色边框。 我真的不知道如何解决它。

 hr.someClass { background-color: blue; width: 200px; height: 12px; }

 <hr class="someClass">

我真的不知道我做错了什么。

Answer 1

将此添加到您的酒吧

border: none;

您尚未指定如何处理边框，因此 html 将设置默认边框。

我也更喜欢制作这样的进度条

 .bar { width: 250px; height: 20px; background: #f1f1f1; }.percent { height: 100%; width: 25%; background: #4c4c4c; display: block; transition-duration: 300ms; }.percent:hover { width: 50%; }

 <div class="bar"> <span class="percent"></span> </div>