Как сделать срезанные углы в CSS?

Как реализовывается такие углы(левый верхний, правый нижний) на CSS?

Ответ

Таких углов на CSS можно достичь с помощью свойств: border-{top,right,left,bottom}
div, body { margin: 0; padding: 0 } div { height: 200px; background: green; } div:after { content: ''; position: absolute; left: 0; top: 0; border-top: 30px solid white; border-right: 30px solid green; } div:before { content: ''; position: absolute; right: 0; top: 170px; border-bottom: 30px solid white; border-left: 30px solid green; }