Как задать толщину элемента hr в 1px с помощью CSS.

Когда вы используете элемент hr на веб-страницах, то, по умолчанию, он отображается следующим образом:

Возникает ощущение, что этот элемент отбрасывает тень и его толщина более чем 1px.

Часто нужно, чтобы толщина линии была строго в 1px и не более.

Эта проблема возникает у многих веб-мастеров.

Сейчас я хочу продемонстрировать решение, которое я сам использую в таких случаях. Для решения проблемы нужно добавить несколько стилей CSS.

<hr style="height:1px;border:none;color:#333;background-color:#333;" />

По-моему, разница очевидна.

Вы можете задавать любой цвет линии, который вам будет необходим. Используйте это на практике и делайте ваши веб-страницы красивыми и наглядными.

Успехов!