CSS3学习笔记4-透明度

/*

透明度

*/

div.opacityL1 {

background:#036;/*背景颜色*/

opacity:0.2; /*透明度*/

width:575px;/*宽度*/

height:20px;/*高度*/

 }

div.opacityL2 { background:#036; opacity:0.4; width:575px; height:20px; }
div.opacityL3 { background:#036; opacity:0.6; width:575px; height:20px; }
div.opacityL4 { background:#036; opacity:0.8; width:575px; height:20px; }

div.opacityL5 { background:#036; opacity:1.0; width:575px; height:20px; }

在chrome浏览器上显示效果如图:CSS3学习笔记4-透明度_第1张图片

你可能感兴趣的:(CSS3学习笔记4-透明度)