CSS3 支持更多的顏色屬性,名為 CSS3 Colors。這些顏色屬性還包括在內(標記顏色)等屬性。
/* 二十次透明度 */ color: rgba(0,0,0,.2); /* 將顏色的透明度和飽和度都減少一半 */ color: hsla(120, 50%, 50%, .5); /* 使用 CSS 自定義顏色 */ color: hotpink;
除了上述,還支持新的顏色屬性,如下所示:
/* 支持 Web 兼容的 3 位與 6 位十六進制值 */ #00f #0000FF
/* 不支持 Web 兼容的十六進制顏色 */ #0000ffff
/* 允許內聯(lián)顏色值帶有 alpha 通道值 */ background-color: #f00; background-color: rgba(255,0,0,0.8);
CSS3 Colors 還允許開發(fā)者定義自己的顏色,如下所示:
/* 使用 HSLA 值定義更豐富的顏色 */ color: hsl(120,100%,50%); color: hsla(120,100%,50%,0.3); /* 定義 RGB 的值 */ color: rgb(255,255,0); color: rgba(255,255,0,0.5); /* 顏色關鍵字 */ color: aqua;
總的來說,CSS3 Colors 提供了更多的靈活性,允許 Web 開發(fā)人員通過微調顏色來改進頁面設計。這是一個非常有用的工具,可以用于設計現(xiàn)代 Web 界面。
上一篇css36邊形