@Sudinoi
СЕО-специалист

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

Как делают такие рамки?
6172715a11dae651043672.jpeg
Картинкой вставить? Тоже не понятно, как ее вырезать. В каком направлении думать?
  • Вопрос задан
  • 53 просмотра
Пригласить эксперта
Ответы на вопрос 1
@high-draw
Это сильно зависит от того, может ли растягиваться данный блок и сжиматься или нет, т.е. резиновая ли вёрстка.

Если резиновая, то надо нарезать сам орнамент справа, до того места где полоса становится горизонтальной. Вставить этот орнамент через position: absolute, поставить нужные параметры bottom и right. Контейнеру естественно ставим position relative.

Далее нижний бордер блоку. И чтобы он не шёл туда где он не должен быть, нужно его перекрыть чем-то. Других вариантов особо нет.

Слева как вставить - у левого блока сделать псевдо-элемент :after

Вертикальную полосу тоже придётся делать бордером и отдельным ещё одним псевдоэлементом, например :before

Нижний маленький орнамент тоже делаем дополнительным блоком левого блока. Используем position: absolute;
Ответ написан
Ваш ответ на вопрос

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

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