圆角边框的渐变需要采用别的方法实现。 4.3 渐变色圆角边框 这种方法会使用mask属性,原理是: 1、先用background设置背景色渐变; 2、再用mask制作一个遮罩,露出边框部分; 3、然后将遮罩和背景重叠,露出背景的渐变色,模拟出边框; 4、最后使用border-radius属性控制圆角的大小; 5、使用padding控制边框的粗细。 .box ...
background-image: url(images/bg1.png);/*bg1 bg2 bg3都是渐变图片平铺*/ background-repeat: repeat-x; } .nav{ width: 960px; height: 40px; margin: 100px auto; } .nav ul{ list-style: none; } .nav ul li{ float: left; text-align: center; line-height: 40px; width: 120px; hei...