Как сделать такую границу?

Question

[misterkrem]

приветствую всех.
скажите как сделать такую рамку у блока? размер блока 500px

Comments

[Сергей Тутуков]

https://codepen.io/STutukov/pen/wedbLq?editors=1100

Answer 1

[misterkrem]

Сделал так
https://jsfiddle.net/scgjt8ut/2/

Answer 2

[Александр Белькевич]

Можно просто создать 3 div. И абсолютом поставить их на нужные места. Задав им бекграунды. Верхнему и нижнему задать высоту, а правому - ширину

Answer 3

[iBird Rose]

ну самое простое как по мне - создать внутри твоего блока еще 2 блока поменьше. и абсолютом поставить их на свои места. одному дать border-top и right. а второму - border-bottom

Answer 4

[ilanagrk]

Или можно с помощью псевдоэлементов :before и :after , назначив им размеры/положение/цвет...
или возможно поиграться с градиентом бордера (каждой стороны)