如何用css画一个倒角?

要画这种三角形的倒角 不是圆的
要求是背景的内容要显示出来 不能画一个三角形覆盖这个角

如何实现?

阅读 3.9k
2 个回答

百度折角矩形

#test {
width: 100px;
height: 100px;
background: linear-gradient(135deg, transparent 10px, #58a 0) top left,
          linear-gradient(-135deg, transparent 10px, #58a 0) top right,
          linear-gradient(-45deg, transparent 10px, #58a 0) bottom right,
          linear-gradient(45deg, transparent 10px, #58a 0) bottom left;
background-size: 50% 50%;
background-repeat: no-repeat;
}

image.png

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