- 所在位置：
- 首頁(yè) >
- 編程技術(shù) >
- CSS/HTML >
- CSS中背景顏色設(shè)置的寫法是什么，有哪些表示方法
CSS中背景顏色設(shè)置的寫法是什么，有哪些表示方法
Admin 2022-07-30 群英技術(shù)資訊 892 次瀏覽
今天就跟大家聊聊有關(guān)“CSS中背景顏色設(shè)置的寫法是什么，有哪些表示方法”的內(nèi)容，可能很多人都不太了解，為了讓大家認(rèn)識(shí)和更進(jìn)一步的了解，小編給大家總結(jié)了以下內(nèi)容，希望這篇“CSS中背景顏色設(shè)置的寫法是什么，有哪些表示方法”文章能對(duì)大家有幫助。1、RGBA表示法，CSS3中新增表示顏色的方式:RGBA或者HSLA。
background-color: rgba(0, 0, 255, 0.3); border: 30px solid rgba(0, 255, 0, 0.3);
代碼解釋：
2、RGBA即：Red紅、Green綠、Blue藍(lán)、Alpha透明度。
R、G、B 的取值范圍是：0255；透明度的取值范圍是 01。
3、HSLA表示法。
background-color: hsla(240,50%,50%,0.4);
解釋：
H 色調(diào)，取值范圍 0~360。0或360表示紅色、120表示綠色、240表示藍(lán)色
S 飽和度，取值范圍 0%~100%。值越大，越鮮艷。
L 亮度，取值范圍 0%~100%。亮度時(shí)為白色，最小時(shí)為黑色。
A 透明度，取值范圍 0~1。
關(guān)于設(shè)置透明度的其他方式：
（1）opacity: 0.3; 會(huì)將整個(gè)盒子及子盒子設(shè)置透明度。也就是說(shuō)，當(dāng)盒子設(shè)置半透明的時(shí)候，會(huì)影響里面的子盒子。
（2）background: transparent; 可以單獨(dú)設(shè)置透明度，但設(shè)置的是完全透明（不可調(diào)節(jié)透明度）。
本文教程操作環(huán)境：windows7系統(tǒng)、css3版，DELL G3電腦。
現(xiàn)在大家對(duì)于CSS中背景顏色設(shè)置的寫法是什么，有哪些表示方法的內(nèi)容應(yīng)該都有一定的認(rèn)識(shí)了吧，希望這篇能對(duì)大家有所幫助。最后，想要了解更多，歡迎關(guān)注群英網(wǎng)絡(luò)，群英網(wǎng)絡(luò)將為大家推送更多相關(guān)的文章。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：[email protected]進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，查實(shí)之后，將立刻刪除涉嫌侵權(quán)內(nèi)容。
猜你喜歡
-
flex布局怎樣實(shí)現(xiàn)頭部固定的效果？用flex布局好在哪？
我們?cè)跒g覽網(wǎng)站的時(shí)候，可以看到一些網(wǎng)站頁(yè)面的布局是頭部固定，內(nèi)容區(qū)域滾動(dòng)的效果，那么這樣的布局效果要怎樣做呢？以前我們要實(shí)現(xiàn)頁(yè)面頭部固定布局是使用position:fixed，但是本文給大家分享一個(gè)更方便快捷的方法，就是使用flex布局，那么flex布局怎樣實(shí)現(xiàn)頭部固定的效果？下面我們一起來(lái)看看。
-
CSS字體樣式屬性常用的有什么，用法是怎樣
在這篇文章中我們來(lái)了解一下13個(gè)常用CSS字體樣式屬性，下文有實(shí)例供大家參考，對(duì)大家了解操作過(guò)程或相關(guān)知識(shí)有一定的幫助，而且實(shí)用性強(qiáng)，希望這篇文章能幫助大家，下面我們一起來(lái)了解看看吧。
-
在CSS中去掉元素右邊邊框的方法是什么
方法：1、用“border-top:none”語(yǔ)句去掉上邊框；2、用“border-bottom:none”語(yǔ)句去掉下邊框；3、用“border-left:none”語(yǔ)句去掉左邊框；4、用“border-right:none”來(lái)去掉右邊框。
-
iframe跨域通信的問(wèn)題如何解決，用什么方法
這篇文章主要介紹了詳解使用postMessage解決iframe跨域通信問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
-
CSS線性漸變函數(shù)是什么，基本語(yǔ)法和應(yīng)用是怎樣
CSS中怎么實(shí)現(xiàn)線性漸變？下面本篇文章給大家介紹一下CSS線性漸變函數(shù)linear-gradient()的使用方法，并聊聊線性漸變的多種應(yīng)用，希望對(duì)大家有所幫助！
推薦內(nèi)容
- CSS中flex布局如何實(shí)現(xiàn)自動(dòng)換行？
- 在HTML中如何讓button居中，有幾種方法
- JS中怎樣刪除數(shù)組末尾元素？教你兩種方法
- vue怎樣獲取url參數(shù)?教你兩種方法
- 如何用Python計(jì)算BMI指數(shù)？一文帶你看懂
- python怎樣獲取數(shù)組元素的下標(biāo)？教你三種方法
- python中的ord函數(shù)有什么用？用法是什么？
- Python中array與list轉(zhuǎn)換如何做，方法是什么
- 在CSS中怎么實(shí)現(xiàn)一條橫線，方法是什么
- Python怎樣設(shè)計(jì)串口之間通信的程序
- phpstorm怎么使用和操作？一文帶你快速了解
- vue怎么給對(duì)象數(shù)組賦值？this.$set方法幫你解決
相關(guān)標(biāo)簽
- 微信小程序運(yùn)營(yíng)
- python開(kāi)發(fā)app
- 安裝和配置FTP
- jquery中fade
- mssql與mysql
- win11重啟黑屏
- python自動(dòng)清理文件
- numpy setdiff1d
- 通知欄圖標(biāo)怎么隱藏
- session數(shù)據(jù)庫(kù)存儲(chǔ)
- 短信驗(yàn)證碼
- Python上下文管理器
- php怎么post換行
- HTML5 input
- Python機(jī)器學(xué)習(xí)庫(kù)
- SQL?SERVER日期查詢
- cookie的創(chuàng)建銷毀
- PHP return語(yǔ)句
- node.js文本逐行讀寫
- PHP數(shù)組基礎(chǔ)
- 實(shí)現(xiàn)win10亮度調(diào)節(jié)效果
成為群英會(huì)員,開(kāi)啟智能安全云計(jì)算之旅
立即注冊(cè)友鏈合作 群英網(wǎng)絡(luò) 智帝云 主機(jī)評(píng)測(cè) idc公司 商城系統(tǒng) 跨境電商 主機(jī)吧 酷庫(kù)博客 OA系統(tǒng) 騰訊企業(yè)郵箱 銳成信息 sdwan
關(guān)注或聯(lián)系群英網(wǎng)絡(luò)
7x24小時(shí)售前：400-678-4567
7x24小時(shí)售后：0668-2555666
24小時(shí)QQ客服
群英微信公眾號(hào)
CNNIC域名投訴舉報(bào)處理平臺(tái)
服務(wù)電話：010-58813000
服務(wù)郵箱：[email protected]
投訴與建議：0668-2555555
Copyright ? QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版權(quán)所有
增值電信經(jīng)營(yíng)許可證 : B1.B2-20140078 ICP核準(zhǔn)（ICP備案）粵ICP備09006778號(hào) 域名注冊(cè)商資質(zhì) 粵 D3.1-20240008
