html怎么设置div的透明度
html設置div透明度的方法:1、利用opacity屬性,只需要給div元素添加“opacity: 透明度值;”樣式即可;2、利用filter屬性,只需要給div元素添加“filter:opacity(透明度值);”樣式即可。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
html設置div的透明度
<!DOCTYPE html><html><head><meta charset="utf-8"><style>.box1{width: 300px;height: 200px;background-color: yellow;}.box2{width: 100px;height: 100px;background-color: green;}</style></head><body><div class="box1"><div class="box2"></div></div></body></html>
1、使用opacity屬性設置,透明度值越小,越透明。
.box2{width: 100px;height: 100px;background-color: green;opacity: 0.8;}
.box2{width: 100px;height: 100px;background-color: green;opacity: 0.5;}
.box2{width: 100px;height: 100px;background-color: green;opacity: 0.2;}
2、使用filter:opacity(透明度值);,透明度值越小,越透明。
.box2{width: 100px;height: 100px;background-color: green;filter:opacity(0.5);}
.box2{width: 100px;height: 100px;background-color: green;filter:opacity(0.1);}
推薦教程:《html視頻教程》
總結
以上是生活随笔為你收集整理的html怎么设置div的透明度的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [控件] LabelView
- 下一篇: Cocos2d-x 3.1.1 Lua演