如果父元素具有纯色背景，则可以使用伪元素创建效果：

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;

}


<div></div>

PS 即将推出border-corner-shape的正是您想要的东西。太糟糕了，它可能会超出规格，并且永远不会在野外被任何浏览器使用:(