@Narbek

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

5fedc15abc4e2054418532.png
  • Вопрос задан
  • 352 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Просто нарисовать фоновыми градиентами к одному блоку.
https://jsfiddle.net/02hfmet3
Адаптивный и с контентом внутри https://jsfiddle.net/kn3ha48d/

Есть еще вариант с 2мя псевдоэлементами, но подходит только для однотонного фона и фикс ширины. Во-первых, из-за обводки, во-вторых, из-за округления. Если блок будет иметь фикс ширину, то округление не важно, просто нужно скорректировать в зависимости от четности или нечетности.
https://jsfiddle.net/xm91ny4q/
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@Azperin
Дилетант
Явно не верстальщик, но если в лоб, то можно както так =)


Либо еще такая наркомания
Ответ написан
@imandrey
1 блок + 8 spanов с абсолютным позиционированием отрицательно к блоку
Ответ написан
Ваш ответ на вопрос

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

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