Как установить стиль горизонтальных линий

Узнайте, как использовать CSS для установки стиля элементов hr.

Как установить стиль горизонтальных линий

горизонтальные линии

Вы можете использовать border свойства для установки hr Стиль элементов:

Элемент

/* 红色边框 */
hr.new1 {
  border-top: 1px solid red;
}
/* 红色虚线边框 */
hr.new2 {
  border-top: 1px dashed red;
}
/* 红色点状边框 */
hr.new3 {
  border-top: 1px dotted red;
}
/* 红色粗边框 */
hr.new4 {
  border: 1px solid red;
}
/* 绿色大圆角边框 */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}

Попробуйте сами

Связанные страницы

Руководство:HTML тег <hr>