#trapezoid {
            box-sizing:border-box;
            border-bottom: 50px solid red;
            border-left: 50px solid black;
            border-top: 50px solid yellow;
            border-right: 50px solid green;
            width: 100px;
            height: 100px;

        }

        <div id="trapezoid"></div>