Как сверстать такой border?

Question

[Heorhii]

Всем привет
Может кто-то делал что-либо похожее, подскажите...

Answer 1

[Heorhii]

Единственное условие задачи - без картинок)
Я когда-то видел как делали похожие бордеры на чистом цсс, но не мог нагуглить, в конце концов нашел..
-----
Ссылочка на готовую реализацию

Answer 2

[inkShio]

в блоке 1 делаешь картинку бекграунд с косыми линиями
в блоке 2 делаешь отступы и белый фон

Comments

[Heorhii]

Спасибо, но это немножко не то, без картинок желательно обойтись
В теме оставил комментарий с решением..

Answer 3

[Никита Михайлов]

border-image поможет

Comments

[Heorhii]

Знаю о таком свойстве, но нельзя было с картинкой)
В комментариях темы оставил ссылку на решение такой задачи

Answer 4

[Дмитрий Чайников]

Правильный ответ на вопрос здесь
А когда нарисуете узор, сверху поместите в отдельном блоке саму карточку, например, используя слои z-index: 1000;

Comments

[Heorhii]

Сделал так - codepen

[Дмитрий Чайников]

Heorhii, Я очень рад, что у Вас получилось, и получилось - классно, правда! Главное не используйте такое контрастное сочетание цветов)

[Heorhii]

Дмитрий Чайников, ну как на скрине хотел)