html怎么設(shè)置div的透明度

html設(shè)置div透明度的方法：1、利用opacity屬性，只需要給div元素添加“opacity: 透明度值;”樣式即可；2、利用filter屬性，只需要給div元素添加“filter:opacity(透明度值);”樣式即可。
清苑網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,清苑網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為清苑成百上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的清苑做網(wǎng)站的公司定做！

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

html設(shè)置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屬性設(shè)置，透明度值越小，越透明。

.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怎么設(shè)置div的透明度
轉(zhuǎn)載源于：http://m.rwnh.cn/article46/cpsieg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、用戶體驗、品牌網(wǎng)站制作、網(wǎng)站導(dǎo)航、響應(yīng)式網(wǎng)站、手機網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

html怎么設(shè)置div的透明度