Как сделать прозрачный border?

Question

[Naji]

Answer 1

[RAX7]

Comments

[Naji]

Спасибо!

Answer 2

[Сергей delphinpro]

Если решать задачу "в лоб", без поиска оптимальных вариантов, то получится примерно так

Для одного блока совсем всё просто:



Для нескольких немного усложняется, но принцип оставляем тот же:

Comments

[Naji]

Спасибо большое!

Answer 3

[Владимир Коротенко]

https://jsfiddle.net/vkorotenko/9ea63h4y/

Comments

[Naji]

Спасибо, но такое не подойдёт)

Answer 4

[Snowfall_Zh]

border: none; - и он исчезнет. border: transparent; - цвет станет прозрачным.
Там, у тебя на примере, я у блоков не вижу бордеров. Так что поставь бордер: none

Comments

[Naji]

Хахах, окей) Как можно реализовать эту штуку?)

Answer 5

[Борис Манжела]

Никак. А дизайнера за такой дизайн или бить или заставить сверстать с pixel-perfect

Comments

[Борис Манжела]

хотя можно сделать 3 колонки. В боковых - фон заливкой. В центральной - заливать поблочно, а у вот тех 3х блоков сделать margin. На Gridах можно довольно просто сделать.

[Naji]

Борис Манжела, спасибо, буду пробовать)

[Сергей delphinpro]

Зачем же сразу дизайнера мочить? А как же вызов вам, как профессионалу?