解决方法
如果父元素具有纯色背景，则可以使用伪元素创建效果：
div {
height: 300px;
background: red;
position: relative;
}
div:before {
content: '';
position: absolute;
top: 0; right: 0;
border-top: 80px solid white;
border-left: 80px solid red;
width: 0;
}
P.S。 The upcoming border-corner-shape正是你要找的。太糟糕了，它可能会被切掉的规范，永远不会使它进入任何浏览器在野外:(
