Горизонтальная линия HTML

Создание горизонтальной линии с помощью HTML и CSS

1. Горизонтальная линия с использованием тега <hr>

HTML предоставляет специальный тег <hr>, который создает горизонтальную линию. Этот тег не требует закрытия и может быть использован самостоятельно или с некоторыми атрибутами. По умолчанию <hr> создает горизонтальную линию со стилем, но вы можете добавить свои собственные стили с помощью CSS. Вот пример использования тега <hr>:

<hr>

2. Горизонтальная линия с применением CSS

Вместо использования тега <hr> вы можете создать горизонтальную линию с помощью CSS. Для этого нужно задать CSS-свойства для соответствующего элемента, который должен отображать линию. Вот пример CSS-кода для создания горизонтальной линии:

<style>
  .hr-line {
    border-top: 1px solid black;
  }
</style>

<div class="hr-line"></div>

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

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

В заключение, горизонтальная линия является важным элементом для отделения различных секций на веб-странице. Вы можете использовать тег <hr> или определить свои стили с помощью CSS для создания горизонтальной линии. Помните, что вы также можете добавлять дополнительные свойства и стили для достижения нужного визуального эффекта.