Question

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

Answer 1

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

Answer 2

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

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

追问

如果用背景图的话总是被下面那段黄褐色区域覆盖住，怎么办？

追答

百度：css定位相对定位嵌套绝对定位。
（把上面这个搜索出来，原理搞懂）

黄色是一层，蓝色是一层，用上面这个原理定位，一个在前一个在后就可以了

Answer 3

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

Answer 4

你可以设置z-index属性。