Обычно рисуется с помощью border:
#trapezium {
height: 0;
width: 120px;
border-bottom: 120px solid #ec3504;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
}
<div id="trapezium"></div>
Как нарисовать трапецию с границей на сss? Т.е. border поверх border