溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

好程序員web前端分享CSS3顏色值HSLA表示方式

發(fā)布時(shí)間：2020-08-07 08:59:09 來(lái)源：ITPUB博客 閱讀：147 作者：好程序員IT 欄目：web開發(fā)

說(shuō)明：本文檔兼容性測(cè)試基礎(chǔ)環(huán)境為： windows系統(tǒng)；IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

說(shuō)明：
HSLA(H,S,L,A)

取值：
H：
Hue(色調(diào))。0(或360)表示紅色，120表示綠色，240表示藍(lán)色，也可取其他數(shù)值來(lái)指定顏色。取值為：0 - 360
S：
Saturation(飽和度)。取值為：0.0% - 100.0%
L：
Lightness(亮度)。取值為：0.0% - 100.0%
A：
Alpha透明度。取值0~1之間。

說(shuō)明：
HSL記法。
此色彩模式與 HSL相同，只是在HSL模式上新增了Alpha透明度。


兼容性：

好程序員web前端分享CSS3顏色值HSLA表示方式

示例代碼 ： （自行找測(cè)試的地方?。?

1.  <!DOCTYPE html>

2.  <html>

3.  <head>

4.  <meta charset="utf-8" />

5.  <title>HSL_CSS參考手冊(cè)_web前端開發(fā)參考手冊(cè)系列</title>

6.  <style>

7.  .test{background-color:hsla(360,50%,50%,0.5);}

8.  </style>

9.  </head>

10.  <body>

11.  <div>能看到此行背景說(shuō)明你的瀏覽器支持HSLA色彩記法</div>

12.  </body>

      13.</html>


向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手