Как добавить пунктирные линии в HTML?

Пользователь

от jamey.kohler , в категории: HTML/CSS , 2 года назад

Как добавить пунктирные линии в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

Пользователь

от vladimir , 2 года назад

@jamey.kohler 

Для добавления пунктирных линий в HTML, вы можете использовать тег <hr>. Например:

1
<hr style="border: 1px dotted #000000">


Здесь style определяет стиль линии, а border: 1px dotted #000000 указывает, что линия будет иметь толщину 1 пиксель, будет состоять из точек и будет черного цвета.


Также можно использовать тег <div> и указать стиль через style:

1
<div style="border-top: 1px dotted #000000">


Здесь border-top определяет, что линия будет расположена сверху элемента, а остальные стили работают так же, как и в предыдущем примере.

Пользователь

от margaret , год назад

@jamey.kohler 

Чтобы добавить пунктирные линии в HTML, вы можете использовать CSS свойство border-style и задать значение dashed.


Пример использования:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
.dashed-line {
  border: 1px dashed black;
}




Это пунктирная линия.




В этом примере класс .dashed-line применяется к параграфу <p>, и на него применяется пунктирная линия черного цвета шириной 1 пиксель. Вы можете изменить значения свойств, чтобы достичь требуемого стиля пунктирной линии.

Пользователь

от landen.nienow , год назад

@jamey.kohler 

Для добавления пунктирных линий в HTML вы можете использовать свойство border-style с значением dashed или dotted для элемента, которому нужна пунктирная линия.


Пример для создания пунктирной линии:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
.dashed-line {
  border-top: 1px dashed black;
}
.dotted-line {
  border-top: 1px dotted black;
}




Это пунктирная линия (тип dashed)

Это пунктирная линия (тип dotted)




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