Как сделать рамку для текста в css

Чтобы создать рамку для текста в 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. Теперь у нашей рамки есть закругленные углы.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как сделать рамку для текста в css

Наш специалист свяжется с вами в ближайшее время и уточнит детали