div怎么去掉一个角变一个5边型

div怎么去掉一个角变一个5边型
像这样的

图片描述

阅读 6.5k
3 个回答

楼上的答案都可以解决,不过我喜欢和别人不一样的答案,所以再提供一个思路吧:使用clip-path属性,想怎样来怎样来。

clip-path: polygon(25px 0, 100% 0, 100% 100%, 0 100%, 0 25px)

缺角25px

clipboard.png

伪元素 定位 盖一下

你要不要再左上角放一个背景色为白色的div 层级比蓝色的高.

推荐问题