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

Question

[i_m]

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

Answer 1

[i_m]

В общем решил проблему другим способом
через before сделал прямоугольник черным
через after поверх наложил еще один белый поменьше прямоугольник

Answer 2

[alex4answ]

Это 2 фигуры
1. Прямоугольник с border
2. Абсолютно позиционированный прямоугольник с границей

Comments

[i_m]

это я понял
но я не могу понять как такой треугольник сделать
там же бордеры выступают за формирование самого треугольника

[alex4answ]

i_m, https://jsfiddle.net/9jdra4uy/ вот например

чтобы сделать бордер треугольнику (который через бордер и сделан), создайте еще 1 треугольник и перекройте первый, в общем на примере видно

[i_m]

alex4answ,
Спасибо. я так и сделал