Как изменить цвет тега <hr>

По умолчанию тег hr имеет нулевую высоту, и если использовать его как он есть не задавая стилей он будет выглядеть вот так, как на примере ниже.

---

Здесь он выводится как есть и в браузере нет и намека на его цвет.

display: block;
    unicode-bidi: isolate;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
}

Так, что же нужно для того чтобы поменять его цвет, а нужно задать ему цвет через border.

---

Например hr который вы видите сверху задан с помощью добавления в css всего одной строчки 

hr {border: 5px solid red;  border-bottom-width: 0;}

Вот так вот просто мы можем изменить цвет тега hr. Если у вас возникли сложности в CSS пишите мне помогу бесплатно.

Если вам была полезна данная статья, то поделитесь данной статьей в социальной сети. А если вам нужна помощь в настройке сайта, нужна верстка или что то еще то жду Вас на kwork .