CSS基础 元素整体透明效果（包含内容+背景及子元素）

属性名：opacity：数字+px;  数字值取值0-1之间数字
          数字值：1表示完全不透明
                 0表示完全透明
使用后效果

html结构代码
  <div class="box">
        <img src="./images/code.jpg" alt="">
    </div

CSS结构代码
     <style>
         .box{
             width: 400px;
             height: 400px;
             background-color: red;
             opacity: .5;
         }
    </style>