css中使用rgba和opacity設置透明度的區(qū)別是什么-創(chuàng)新互聯(lián)

這篇文章將為大家詳細講解有關css中使用rgba和opacity設置透明度的區(qū)別是什么，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)建站服務項目包括陽信網(wǎng)站建設、陽信網(wǎng)站制作、陽信網(wǎng)頁制作以及陽信網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案，陽信網(wǎng)站推廣取得了明顯的社會效益與經濟效益。目前，我們服務的客戶以成都為中心已經輻射到陽信省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

1.使用rgba設置背景色的透明

效果如下：

<body>
    <div id="box">
        你好??！
    </div>
</body>
body {
    background-color:red;
}
#box{
    width:200px;
    height:200px;
    margin:100px auto;
    text-align:center;
    line-height:200px;
    color:white;
    background-color:rgba(182,255,0,.5);
}


css中使用rgba和opacity設置透明度的區(qū)別是什么

2.使用opacity設置背景色的透明

#box{
    width:200px;
    height:200px;
    margin:100px auto;
    text-align:center;
    line-height:200px;
    color:white;
    background-color:rgb(182,255,0);
    opacity:0.5;
}

css中使用rgba和opacity設置透明度的區(qū)別是什么

關于“css中使用rgba和opacity設置透明度的區(qū)別是什么”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

文章題目：css中使用rgba和opacity設置透明度的區(qū)別是什么-創(chuàng)新互聯(lián)
文章源于：http://muchs.cn/article16/ceehdg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設、網(wǎng)站排名、企業(yè)網(wǎng)站制作、網(wǎng)頁設計公司、云服務器、面包屑導航

廣告

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

成都網(wǎng)站建設