HTML — Тег <hr> (Horizontal Ruler/Line) — Стилизация

Сегодня я задумался о стилизации тега HR

<hr class="hr-horizontal-gradient">

<style>
.hr-horizontal-gradient {
    margin: 20px 0;
    padding: 0;
    height: 6px;
    border: none;
    background: linear-gradient(45deg, #333, #ddd);
}
</style>

<hr style="margin: 20px 0; padding: 0; height: 6px; border: none; background: linear-gradient(45deg, #333, #ddd);">

Выглядит это так:

---

source:

‣ СSS стили для горизонтальных линий
‣ How TO - Style HR (Horizontal Ruler/Line)

---

#HTML#HTMLHorizontalRuler#HTMLHorizontalLine#HTMLHR#CSS