Как сделать пунктирную рамку в HTML?
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. Нап
15