Чтобы создать рамку для текста в CSS, можно использовать свойство border
. Это свойство позволяет установить границу для элемента.
Пример:
HTML:
<div class="text-box">
<p>Это текст в рамке</p>
</div>
CSS:
.text-box {
border: 2px solid black;
padding: 10px;
}
В этом примере мы создаём элемент <div>
с классом .text-box
, содержащий текст. Затем мы устанавливаем рамку для этого элемента, используя свойство border
. Это свойство принимает три значения: толщину границы (2px в этом примере), тип границы (solid) и её цвет (black).
Для того, чтобы установить отступ внутри рамки, мы добавляем padding
в CSS.
Также с помощью свойства border-radius
можно выполнить закругление углов рамки.
Пример:
.text-box {
border: 2px solid black;
padding: 10px;
border-radius: 5px;
}
В этом примере мы добавили свойство border-radius
и установили его значение в 5px
. Теперь у нашей рамки есть закругленные углы.