CSS3 渐变 透明 圆角

              css的这些属性好像不同浏览器的支持不同，不过android的浏览器使用的是webkit内核，所以不用考虑兼容问题了。

      渐变  background-image：-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*)

    例子： -webkit-gradient(linear, left top, left bottom, from(#810918), to(#B52026));

• 第一个参数指定渐变的类型，linear（线性）或 radial（径向）。
• 第二个参数指定渐变开始的坐标，可以是数字或百分比，也可以是关键字（如 left-top ）。
• 第三个参数指定渐变结束的坐标。
• 第四个参数指定渐变开始的颜色。
• 第五个参数指定渐变结束的颜色。

      透明：

      透明的话直接添加属性opacity:value; value取值0-1，0代表透明，1代表完全不透明。opacity：0.1;

      圆角：

      圆角的属性-webkit-border-radius: 6px;像素值越大圆角越明显。

   

转载于:https://www.cnblogs.com/az19870227/archive/2011/05/13/2045760.html