CSS. Как грамотно сделать такой уголок?

Question

[Ulyana]

Есть div. Как правильно реализовать такой уголок, который указывает на div сверху?

Answer 1

[chimir]

https://jsfiddle.net/fmfvskq9/

Comments

[Ulyana]

огромное спасибо
еще вопрос такой..
у меня уже для этого блока применены before after...
так как внизу идет "лесенка"
как мне тогда впихнуть еще и треугольник сюда..

[chimir]

horosami: добавить дополнительный элемент в разметку https://jsfiddle.net/fmfvskq9/1/

Answer 2

[sergey]

Пригодится triangles