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

Для формирования видимых границ у элементов в CSS используется свойство border. Рассмотрим пример:

Исходный HTML документ:

<p class="solid">Пример текста, у которого будет рамка.</p>
<p class="dashed">Пример текста, у которого будет рамка.</p>
<p class="double">Пример текста, у которого будет рамка.</p>

CSS стили:

.solid {
  border: 5px solid rgb(123, 192, 59);
}

.dashed {
  border: 5px dashed #cc295a;
}

.double {
  border: 5px double #32a1ce;
}

Результат: