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

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

图片描述

阅读 6.4k
3 个回答

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

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

缺角25px

clipboard.png

伪元素 定位 盖一下

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题