Как нарисовать линию в CSS

Чтобы нарисовать линию в CSS, можно использовать свойство border. Например:

div {
  border-bottom: 1px solid black;
}

Этот код добавит линию под элементом div толщиной 1 пиксель и цветом черный. Можно также использовать другие значения для свойства border, чтобы создать линии на других сторонах элемента. Например:

div {
  border-top: 1px dashed red;
  border-left: 2px dotted blue;
  border-right: 3px solid green;
  border-bottom: none;
}

Этот код добавит пунктирную линию к верхней границе, точечную линию к левой границе, сплошную линию к правой границе и уберет нижнюю границу элемента div.