Change color of <hr> element using CSS

The hr HTML element is used to create a horizontal line across the page. By default, the line is black. However, you can change the color of the line using CSS.

hr {
    height: 2px;
    background-color: #ff0000;
    border: none;
}