Как сделать уголки?

Question

[Денис Т]

Как сделать такие уголки, подскажите пожалуйста.

Answer 1

[Павел Гришин]

мои 5 копеек
https://jsfiddle.net/61xe15dL/

Comments

[Капитан Какао]

Хороший вариант. Но я когда-то делал вёрстку сайта рассчитанного на Нигерию, там типа трафик дорогой, все с оперы мини сидят. Так вот опера мини не всегда адекватно отображает бордюры если их делать через before/after.
Но не думаю, что автор вопроса будет писать код с учётом оперы мини)))

Answer 2

[Капитан Какао]

Можно так: https://jsfiddle.net/RadCor/gqLLz9wf/3/

Answer 3

[iBird Rose]

4 квадратика с position: absolute; по бокам у которых border-top, border-left или border-top, border-right или border-bottom, border-left или border-bottom, border-right соответсвенно

Comments

[Денис Т]

тоже думал об этом варианте, но хотелось посмотреть другие предложения
может такого эффекта можно добиться с помощью box-shadow?

[Капитан Какао]

Денис Тюкавин: вряд ли тенью получиться достичь такого эффекта. А даже если получилось бы при помощи каких-то костылей, то оно точно не было бы кроссбраузерно в отличии от бордюров)

[Денис Т]

Rad Cor: справедливо)