zorca
@zorca

Как реализовать такую рамку для изображений?

59fd51a5d7b11007468363.jpeg 59fd4e622c55b685816404.jpeg

В текущей верстке необходимо реализовать такую рамку для изображений и для оформления прочих контейнеров. Подскажите, есть ли простая реализация, без кучи вложенных контейнеров? Подобную кнопку реализовал вложением кнопки в контейнер. Изображения пока просто свел с рамкой в одну картинку. Здесь хочется найти более универсальное и красивое решение. ТЗ: одинаковый отступ рамки от всех краев контейнера и одинаковая толщина линии рамки со всех сторон. Размер контейнера может быть произвольным.
Песочек для пытливых умов: https://codepen.io/steelcat/pen/EbKmMp
  • Вопрос задан
  • 212 просмотров
Решения вопроса 1
@dsemagin
https://codepen.io/anon/pen/yPPYrR?editors=1100

через псевдоэлемент
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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