Как сделать заголовок в рамке в HTML?

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

kendall_mckenzie

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

9 | 0

html

2 ответа

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

abel

от abel , 3 года назад

Заголовок в рамке в HTML, можно сделать следующим образом:

<head>
<style>
        .h2{
            border: solid 5px coral;
            text-align: center;
            width: 100px;
            height: 30px;
        }
    </style>
</head>
<body>
    <h2 class="h2">Привет!</h2>
</body>

1 | 0

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

violette_robel

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

@kendall_mckenzie

Вы можете использовать элемент fieldset для создания рамки вокруг заголовка в HTML. Для добавления заголовка внутри рамки вы можете использовать элемент legend. Вот пример кода:

<fieldset>
  <legend>Заголовок в рамке</legend>
  <p>Содержимое поля ввода здесь</p>
</fieldset>

В результате этого кода вы увидите рамку вокруг содержимого fieldset, с заголовком "Заголовок в рамке" в верхней части рамки. Если вы хотите изменить внешний вид рамки, вы можете добавить стили CSS. Например:

fieldset {
  border: 1px solid #ccc;
  padding: 10px;
}

legend {
  font-weight: bold;
}

Этот код добавляет серую рамку с толщиной 1 пиксель и отступами 10 пикселей внутри поля fieldset, а также делает текст заголовка жирным шрифтом.

0 | 0

Как сделать заголовок в рамке в HTML?

2 ответа

Похожие обсуждения: