Стили горизонтальных линий HR

Часто хочется отделить какие-то элементы блога друг от друга и тут на помощь приходит HR – горизонтальная линия.

По умолчанию, её длина 100%, а толщина (высота) – 2px.

Эти величины можно изменить, например:

<hr style="width:50%;">

<hr style="height:2em;">

Можно увеличить толщину горизонтальной линии и вставить в неё изображение:

<hr style="height:20px;background: #fff url(https://newsbee.media/wp-content/uploads/2024/11/0d951e6e101d47358a5f3479bf39eced-150x150.jpg) no-repeat scroll center;border:none;">

Линия может быть разной по форме, например, такой:

<hr style="border: 1px dashed #000;">

Удачи с линиями!

Популярные записи