您好,登錄后才能下訂單哦!
小編給大家分享一下CSS背景顏色如何表示,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
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藍、Alpha透明度。
R、G、B 的取值范圍是:0255;透明度的取值范圍是 01。
3、HSLA表示法。
background-color: hsla(240,50%,50%,0.4);
解釋:
H 色調,取值范圍 0~360。0或360表示紅色、120表示綠色、240表示藍色
S 飽和度,取值范圍 0%~100%。值越大,越鮮艷。
L 亮度,取值范圍 0%~100%。亮度最大時為白色,最小時為黑色。
A 透明度,取值范圍 0~1。
關于設置透明度的其他方式:
(1)opacity: 0.3; 會將整個盒子及子盒子設置透明度。也就是說,當盒子設置半透明的時候,會影響里面的子盒子。
(2)background: transparent; 可以單獨設置透明度,但設置的是完全透明(不可調節透明度)。
以上是“CSS背景顏色如何表示”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。