如何更改<hr>標籤的厚度和顏色？

Question

我可以看到這已被回答，但我已經嘗試了所有的解決方案，但仍然有幾乎沒有可見的人力資源。

我在做什麼錯？

hr { 
    background-color: dimgrey; 
    color: dimgrey; 
    border: solid 2px dimgrey; 
    height: 5px; 
    width: 1000px; 
} 

Answer 1

不確定你認爲幾乎看不到的東西，但5px的高度非常明顯。 :)

請確保您定義此css後可能會覆蓋此規則的其他css。

或者，使用重要的是讓這條規則的優先級：

hr { 
    background-color: dimgrey !important; 
    color: dimgrey !important; 
    border: solid 2px dimgrey !important; 
    height: 5px !important; 
    width: 1000px !important; 
} 

另一種方法是定義一個自定義類的這種風格：

.bigHr { 
    background-color: dimgrey !important; 
    color: dimgrey !important; 
    border: solid 2px dimgrey !important; 
    height: 5px !important; 
    width: 1000px !important; 
} 

...然後使用該上課的時候你想要這樣的風格：

<hr class="bigHr">