如何擺脫酒吧周圍的白色邊框

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>