Как сделать черту в css

Черту (линию) в CSS можно создать разными способами.

Например, вы можете использовать свойство border и задать толщину границы и ее цвет:

HTML:

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

CSS:

.line {
  border-top: 2px solid black;
}

В данном примере мы создали черту сверху (border-top) элемента с толщиной 2px и цветом черного (значение solid указывает, что граница непрерывная).

Еще один способ — использование псевдоэлементов ::before или ::after и свойства content:

HTML:

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

CSS:

.line::before {
  content: '';
  display: block;
  border-top: 2px solid black;
}

В данном примере мы создали пустой элемент ::before у блока с классом .line и задали ему свойство display: block (чтобы получить блочный элемент) и границу сверху (border-top) с толщиной 2px и цветом черного.

Также можно создавать линии с помощью свойства hr:

HTML:

<hr>

CSS:

hr {
  border: none;
  border-top: 2px solid black;
}

Здесь мы использовали элемент hr и задали ему границу сверху толщиной 2px и цветом черного.