使用CSS切角

使用CSS切角

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

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

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