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

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Для формирования видимых границ у элементов в 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;
}

Результат: text-border

3 года назад

Вячеслав Межуревский

1 месяц

Позиционирование в CSS

Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

1 месяц

SASS

Навык работы с препроцессором SASS для эффективной и структурированной стилизации веб-приложений

1 месяц

Анимация CSS

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

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

Похожие вопросы