@aftar

Как сделать такую рамку?

Здравствуйте! Подскажите как можно сделать такую рамку. Сложность вызывает то, что на заднем плане bg.
Понимаю что через before и after. Но не понимаю как оцентрировать для текста после переноса и растянуть на всю ширину.
Задавать фиксированную ширину не вариант, не подойдет для адаптива.5d8654ae0ba31445621334.png
  • Вопрос задан
  • 178 просмотров
Решения вопроса 3
@maks_pain_00
Через fieldset и в теге legend прописать заголовок
Затем через стили css сделать цвет рамки, установить ширину и высоту блока.
оцентровать текст через text-align.
Это то что я могу сказать
Ответ написан
Комментировать
Flexbox + абсолютное позиционирование + псевдоэлементы + выборочное скругление углов для верхней грани блока

Результат:
https://codepen.io/hisbvdis/pen/gOYZLNM
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы