css opacity

opacity是用来控制物件透明度的属性，参数设定从0.0到1.0，数字越小越透明
今天设定三个同样颜色的方块来观察透明度的变化，css的设定如下

        .box1, .box2, .box3{
            height: 300px;
            width:300px;
            color: white;
            font-size: 30px;
            display: inline-block;
            background-color: rgb(255, 199, 162);
        }

各个方块的css设定如下

        .box1{
            opacity:0.1;
        }
        .box2{
            opacity:0.5;
        }
        .box3{
            opacity:0.8;
        }

网页显示效果