看图,多个div叠在一起,可以达到你这个效果
最简单,各个浏览器下也一致的方法:圆角和渐变都用背景图(缺点不便于修改维护、重用性差、造图片会产生http请求) 或者是:css3渐变+css3圆角(缺点是你得放弃一些浏览器下的效果)
要是写上面的这个图,就算了,太麻烦,兼容不好,直接写背景或者直接上图片吧。这个写完了border-radius还得写渐变,太麻烦。
你可以设置z-index属性。