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

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

от caterina , в категории: HTML/CSS , 7 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от krista , 3 месяца назад

@caterina 

Чтобы сделать пунктирную рамку в HTML, вы можете использовать тег <hr> (horizontal rule) со стилем border: dashed. Например:

1
<hr style="border: dashed">


Также можно использовать тег <div> и установить стиль для него с помощью свойства border. Например:

1
<div style="border: dashed">Текст</div>


Стиль можно также перенести во внешний файл стилей (CSS) или в атрибут style тега <head> в вашем HTML-документе.


Например, чтобы установить пунктирную рамку с толщиной 1px и цветом #ccc во внешнем файле стилей, вы можете использовать следующий код:

1
2
3
.dashed-border {
  border: dashed 1px #ccc;
}


Затем вы можете применить этот класс к тегу <hr> или <div>:

1
2
3
<hr class="dashed-border">

<div class="dashed-border">Текст</div>


Если вы хотите управлять размерами рамки и расположением пунктира, вы можете использовать свойства border-width, border-style и border-color. Нап