html、css新手求助!如何做向内凹的圆角?还有这个渐变效果?如下图

2025-01-01 02:26:10
推荐回答(4个)
回答1:

看图,多个div叠在一起,可以达到你这个效果

回答2:

最简单,各个浏览器下也一致的方法:圆角和渐变都用背景图(缺点不便于修改维护、重用性差、造图片会产生http请求)

或者是:css3渐变+css3圆角(缺点是你得放弃一些浏览器下的效果)

回答3:

要是写上面的这个图,就算了,太麻烦,兼容不好,直接写背景或者直接上图片吧。这个写完了border-radius还得写渐变,太麻烦。

回答4:

你可以设置z-index属性。