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

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

創(chuàng)新互聯(lián)從2013年開始，先為萊蕪等服務建站，萊蕪等地企業(yè)，進行企業(yè)商務咨詢服務。為萊蕪企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

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ū)別是什么
網頁鏈接：http://www.rwnh.cn/article16/jdgidg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供建站公司、軟件開發(fā)、App開發(fā)、品牌網站制作、網站營銷、電子商務

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

猜你還喜歡下面的內容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

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