## 不占位隐藏 ~~~ div{ /* 除了none是隐藏效果，其他都是显示 */ display: none; } ~~~ <br> ## 占位隐藏 ~~~ div{ /* 隐藏 */ visibility: hidden; /* 显示 */ visibility:visible; } ~~~ <br> ## 整个元素透明 ~~~ div{ background-color: blue; color:white; /* 设置透明度，0是透明，1是不透明，0和1之间就是半透明 */ opacity: 0.1; } ~~~ <br> ## 颜色透明 ~~~ div{ /*设置颜色的透明度 r就是红色 g就是绿色 b就是蓝色 这就是三原色 然后a就是 alpha 透明度，0是透明，1是不透明，0和1之间就是半透明 */ background-color: rgba(30, 77, 179, 0.1); } ~~~