圆角，大家一定都会做，border-radius.内凹圆角如何实现。可以拿个白色圆盒子盖住方形盒子的大半边实现，但是这样，是不透明的，背景发生改变时，就要改遮盖盒子的颜色，或者背景是渐变，改起来更麻烦，或背景是图片等等，就直接不太好改了，这种方法就有局限性。说白了就是遮盖的那部分不透明以后，自适应性不强。这里介绍一个用径向渐变实现的内凹圆角，可以解决上述问题。可以用 CSS 生成一个背景透明的内凹圆角。1.基本线性渐变；p { height：100px；width：200px；background-image：linear-gradient(90deg，red，blue)；}&lt；p&gt；从左到右的红到蓝渐变&lt；/p&gt；。2.加百分比调整渐变范围。