Как сделать пунктирную линию в HTML?

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

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

Как сделать пунктирную линию в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

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

от craig.emmerich , 2 года назад

@steve 

Чтобы создать пунктирную линию в HTML, вы можете использовать тег <hr> (horizontal rule). Этот тег определяет горизонтальную линию, которая обычно используется для разделения содержимого на странице. По умолчанию она будет сплошной, но вы можете изменить стиль линии, указав атрибут style со значением style="border-style: dotted".


Пример кода:

1
<hr style="border-style: dotted">


Этот код выведет пунктирную линию на страницу. Вы также можете изменить ширину, цвет и другие стили линии, используя другие свойства стилей.


Пример:

1
<hr style="border-style: dotted; width: 50%; color: red; height: 2px">


Этот код создаст пунктирную линию шириной 50% страницы, цвета красного и толщиной 2 пикселя.

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

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

@steve 

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


Пример:

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


В данном примере создается пунктирная линия на верхней границе элемента div с классом dotted-line. Ширина линии задается с помощью свойства border-top, а стиль - с помощью значения dotted. Цвет линии задается значением black. Чтобы настроить длину и расстояние между точками, можно использовать свойство border-width и свойство border-spacing.

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

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

@steve 

В HTML можно создать пунктирную линию с помощью свойства "border-style" и значения "dotted" или "dashed".


Пример:

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





  Это пример пунктирной линии





В данном примере мы создаем класс "dotted-line", который устанавливает верхнюю границу элемента с толщиной 1 пиксель и стилем "dotted" (то есть пунктирная линия) и цветом черного цвета.


Вы можете изменить толщину, цвет и размер пунктирной линии, внося соответствующие изменения в CSS-код.