Как сделать границы текста в css

Чтобы создать границы текста в CSS, можно использовать свойство border. Свойство border позволяет задавать ширину, стиль и цвет границы.

Примеры:

Стандартная граница текста:

p {
  border: 1px solid #000;
}

Задание разных стилей и цветов для верхней, нижней, левой и правой границ текста:

p {
  border-top: 2px dotted #f00;
  border-bottom: 2px dashed #00f;
  border-left: 1px solid #0f0;
  border-right: 1px solid #f0f;
}

Задание границы текста с закруглением углов:

p {
  border: 2px dashed #000;
  border-radius: 10px;
}

Задание границы текста только снизу:

p {
  border-bottom: 2px solid #000;
}

Задание несимметричной границы текста:

p {
  border-top: 1px solid #000;
  border-left: 5px dotted #f00;
  border-right: 15px solid #0f0;
  border-bottom: none;
}

Как видите, свойство border достаточно гибкое и может быть настроено почти на любой вкус. Вам остается только выбрать тот вариант границы, который лучше всего соответствует вашим потребностям.