Задать вопрос
Chefranov
@Chefranov
Новичок
верстка

Как правильно сверстать?

Подскажите как правильно сверстать вот такие фоновые квадраты в виде обводки которые уходят из центрального контейнера и уходят за экран. И такая же ситуация с полоской у заголовка.

5adb214c7389a553128146.png
  • Вопрос задан
  • 93 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
sevirinov
@sevirinov
Web Developer
В этом помогут псевдоэлементы ::before и ::after
Изображение оборачиваем в div (например с классом .image-box)
обертке назначаем position: relative
и добавляем псевдоэлемент (например .image-box::before)
псевдоэлементу назначаем position: absolute
Дальше сам...

о псевдоэлементах...

пример рамки
Ответ написан
3 комментария
3 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend-стажер React
Студия Oxem • Москва
от 20 000 до 80 000 ₽
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Верстка и логика формы выбора билетов в зале для покупки
20 апр. 2024, в 00:43
10000 руб./за проект
Разработать формирование УПД на Java
20 апр. 2024, в 00:28
20000 руб./за проект
Ещё заказы