Чтобы создать разделительную линию в CSS, можно использовать свойство border для элемента. Вот пример стиля для создания горизонтальной линии:
.separator {
border-top: 1px solid #ccc;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
В этом примере мы установили ширину линии равной 1 пикселю, используя border-top, но также можно использовать border-bottom, чтобы создать линию снизу. Цвет линии был установлен на #ccc либо на любой другой цвет, который вам нужен.
Чтобы установить ширину линии, можно использовать свойство width, чтобы сделать линию, например, на всю ширину контейнера. margin-top и margin-bottom используются для добавления отступов сверху и снизу линии.
Помимо этого, можно использовать другие значения для свойства border-style, такие как dashed или dotted, чтобы создать пунктирную или точечную линии. Например:
.separator {
border-top: 2px dashed #000;
width: 50%;
margin-top: 40px;
margin-bottom: 40px;
}
В этом примере линия создается пунктирной с помощью свойства dashed, ее ширина установлена равной 2 пикселям, а ее цвет равен #000.





