Simplemente puede usar la propiedad css clip-path, y aquí hay un ejemplo:
.square{ clip-path: polygon(80% 0%, 100% 20%, 100% 80%, 0% 80%, 0 0); background-color:dodgerblue; width:200px; height:200px; } <div class="square"></div>clip-path: polígono (80% 0%, 100% 20%, 100% 80%, 0% 80%, 0 0);
para obtener más información sobre esta propiedad MDN clip-path