css3知识汇总：切角
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css3知识汇总：切角相关的知识，希望对你有一定的参考价值。
参考技术A 1.使用渐变因为渐变可以接受一个角度，比如45deg作为方向，而且色标的位置信息也可以是绝对的长度值，不受容器尺寸的影响。把一个透明色标放在切角处，然后在相同位置设置另一个色标，并且颜色设置为想要的背景色。
4个切角，写几个 linear-gradient就是几个切角
2.使用clip-path
3.使用corner-shape
注：目前此方法还在测试中，还没有浏览器支持
【弧形切角（内凹圆角）】
以上是关于css3知识汇总：切角的主要内容，如果未能解决你的问题，请参考以下文章