css 设置背景色透明的方法(图文)
css如何设置背景色透明,设置div背景为透明的?
下面介绍一下设置背景全透明的方法,为无色状态:
background: transparent;
或者background-color: transparent;
设置background的属性为transparent透明的状态就可以。
下面给出测试代码:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>设置背景全透明</title> <style> .bgcss{ background: transparent; } </style> </head> <body> <div style="background-color:#ddd;"> text <div style="background-color:#abc;">设置背景透明前的效果<br><br> <div style="background-color:red;">red</div> </div> </div> <br> <div style="background-color:#ddd;"> text <div class="bgcss"> 设置背景透明后的效果<br><br> <div style="background-color:red;">red</div> </div> </div> </body> </html>
背景全透明的测试结果:
顶
踩
相关文章:
- 高端大气简约的表格式样实例_蓝色紫色table css 样式_
- html颜色代码表大全_HTML背景颜色代码_html字体颜色表
- resize 调节元素尺寸大小【CSS3.0参考手册】
- text-overflow 文本溢出显示省略标记【CSS3.0参考手册
- text-shadow 文字阴影及模糊效果【CSS3.0参考手册】
- Multiple backgrounds 多重背景图象【CSS3.0参考手册
- background-size 设置背景图片的大小【CSS3.0参考手
- background-clip 指定区域向外裁剪背景【CSS3.0参考手
- background-origin 指定区域显示背景【CSS3.0参考手册
- css z-index 失效 不好用 的解决方法