@lemme
Frontend

Как верстаются такие рамки?

Высота и ширина блока может быть любой.
image.png

Пробовал с помощью border-image repeating-linear gradient. Ничего путного не вышло.

Самый простой вариант (как мне кажется):
Основной блок (before, after) - верхняя и нижняя границы
дополнительный элемент - права и левая

может есть лучшее решение?.

Может есть проще вариант?
  • Вопрос задан
  • 362 просмотра
Решения вопроса 2
alsopub
@alsopub
Как самый крайний вариант - div в div, у внешнего div фон из повторяющихся наклонных полос (градиаент или картинка.
Но это уже самый крайний вариант :)
Типа этого codepen.io/anon/pen/qNdjoB
Ответ написан
@lemme Автор вопроса
Frontend
Вот вариант, о котором я говорил с псевдоэлементами и 1 доп. блоком.

Может кому-нибудь подойдет. (если ответа другого не найдется).
https://jsfiddle.net/c9gv45b8/
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
HamSter007
@HamSter007
HTML/CSS верстальщик
border-image generator разве не подойдет?
Ответ написан
@lfoma
Блок фиксированный или нет? Если фиксированный, то сделать background картинкой, если динамичный, то через border-image. Варианты без картинок в данном случае невозможны из-за сложного ритма.
Ответ написан
Ваш ответ на вопрос

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

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