Возможно ли на чистом css сделать уголки как на рисунке?

Question

[awe]

Собственно, сам рисунок:

Answer 1

[iBird Rose]

1) 4 spana через position: absolute; по углам
2) и бордеры. типа border-top: 1px solid orange; border-left: 1px solid orange; и т.д.

Comments

[awe]

подскажите, т.е. само изображение relative, а за ним span-ы absolute?

[Сергей Горячев]

Со спанами сложней, лишнего кода много. Одной обертки вполне хватит.

[iBird Rose]

awe: как то так https://jsfiddle.net/416tguyb/

Answer 2

[Сергей Горячев]

Охо-то) Почти с такого же вопроса начинался мой путь на тостере)))
https://jsfiddle.net/webirus/rjzcdpg2/

Answer 3

[metaf]

border-image - без псевдоэлементов и дополнительных элементов - codepen.io/olgar/pen/bwkLyJ . Только поддержка - ie10 и выше.

Answer 4

[Алексей]

Если картинка квадратная, то, возможно, получится еще такой трюк - два градиентных бордюра под 90 градусов друг к другу, состоящий из цветов - прозрачный-цвет-прозрачный.