CSS利用伪元素写一个盒子并且实现斜切角

效果如图

这个地方是用伪元素写一个盒子,然后使用css3来实现斜切角


deg的切得位置,transparent是切的位置,然后是颜色,最后是切的位置

最后，如果想要这个盒子自适应标题，加一行
width：117%

谢谢我的大佬朋友们的指点~