iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 15
1

色彩數值

關於指定顏色的方式可以有以下幾種:

  1. RGB或RGBA:
    透過紅藍綠的組成來表現色彩。例如:rgb(100,100,90)
    rgba則是多了一個不透明度(alpha),這個屬性在CSS3之後加入,數值介於0.0~1.0。例如:rgba(100,100,90,0.5)

  2. HEX碼:
    以一個#字號為開頭,接著六位數的碼來組成的色碼。例如:#ee3e80

  3. 顏色名:
    使用瀏覽器預設的顏色名稱。例如:DarkGray

  4. HSL、HSLA屬性:
    這個屬性為CSS3加入的顏色屬性,使用方法為hsl或hsla為開頭,緊接著是放在括弧內個別的數值,依序為色相、彩度、明度、不透明度(alpha,若需要此數值,開頭使用hsla,不需要則使用hsl)。例如:hsla(0,100%,100%,0.5)

  5. opacity不透明度:
    在CSS3中加入了這個屬性,作用是用來指定標籤及所有子標籤的不透明度,數值介於0.0~1.0之間,例如 opacity: 0.15 即為15%的不透明度。

關於顏色數值的取得,可使用美工軟體(例如illustrator、CorelDraw、photoshop)檢視並取得,也可參考網路上眾多的選色器並獲取數值,例如Colors Tutorial

色彩的功能屬性

color: 此屬性可指定標籤內部的文字顏色。

background-color:css將每個HTML標籤視為獨立的方框,這個屬性就是用來指定該方框的背景色。


參考來源:

書籍:HTML&CSS 網站設計建置優化之道

Colors Tutorial


上一篇
第14天:關於CSS選擇器、階層、與繼承
下一篇
第16天:CSS-字型與字體
系列文
我可以修改,所以先亂打30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言