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

Question

[Dmitry]

Как сделать рамки, подобные тем, что на этом сайте? https://videoexpress.ai/fbdeal/index.html Линии, точки как дорожки на электронных платах.

Comments

[historydev]

классный сайт)

[Ankhena]

Надо бы конкретизировать вопрос, что именно у вас не получается и почему не можете сделать как в примере.

В примере это картинки, причем растровые.
Для таких простых актуальнее было бы заменить на SVG, чтобы не мылили.

Можно, конечно, извращаться линейными и радиальными градиентами, но пока не видно чего бы ради.

Answer 1

[Vamp]

Конкретно на этом сайте рамка отрисована картинкой и вставлена через css стиль background-image.

https://videoexpress.ai/fbdeal/assets/images/banne...

Answer 2

[ImagineTables]

border-image-slice не подойдёт?

Вообще, эта техника в UI называется 9-split border. Я пользовался её кастомной имплементацией, но свойство выше должно точно так же решать проблему.