DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> Color Values顏色取值方法問題
Color Values顏色取值方法問題
編輯:CSS詳解     
css顏色取值,大家對於CSS2版本以下顏色名稱、十六進制技法、rgb記法。

  以上取值記法大家都和你熟悉,CSS3又有什麼更另類的取值方法呢?

  RGBA、HSL、HSLA這三位大俠就是我們拭目以待的CSS3的顏色取值方法。

  RGBA

  即在CSS2版本中RGB記法增加了支持透明度的元素,語法也是相當容易理解:RGBA(255,0,0,0.5),這裡的透明度,取值方范圍在0-1。

  HSL

  玩過PS的童鞋應該對於這個HSL應該是很熟悉的,依次表達的意思是:

  H:Hue(色調)。0(或360)表示紅色,120表示綠色,240表示藍色,也可取其他數值來指定顏色。取值為:0 - 360,其實它的單位是度

  S: Saturation(飽和度)。取值為:0.0% - 100.0%

  L: Lightness(亮度)。取值為:0.0% - 100.0%

  語法:hsl(207,38%,47%)

  HSLA

  這個也是在HSL的基礎上增加了支持透明度的元素,這裡的透明度,取值方范圍在0-1。 語法:hsl(207,38%,47%,0.5)

  這些基本的顏色取值語法一定要牢記,如果有什麼疑問去論壇提問即可

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved