知识点: 渐变结束的位置小于渐变开始的位置,渐变效果会消失 例如: background: linear-gradient(90deg, pink 50%, gray 97%); background: linear-gradient(90deg, pink 50%, gray 0); 实现步骤 利用线性渐变实现底层缺角的效果 设置渐变,出现小三角 background: linear-gradient(225deg, blue 50px