對於css顏色，想必大家都或多或少用過，本文是筆者整理的關於css顏色相關的一些基礎知識，目的是希望在需要用到css顏色相關知識時，看這一篇就夠了。
下面多圖預警，就是要給你一點「顏色「看看（偷笑ing）。
本篇主要包含以下內容：
閒話少說，我們開門見山：
一、css顏色體系包含哪些成員？一張圖。
幾點說明：
顏色關鍵字，css3中新增147個顏色關鍵字，詳情請見
hex，格式如#rrggbb，其中rr、gg、bb取值00-ff。
rgb與rgb，即red-green-blue-alpha，紅色，綠色，藍色，透明度。前三個取值從0-255或0%-100%，alpha取值0-1。
hsl與hsla，即hue-saturation-lightness-alpha，色調，飽和度，亮度，透明度，h取值從0-360，其中 0（360）表示紅色，120表示綠色，240表示藍色，s和l取0%-100%，alpha取值0-1。
transparent，子元素不會繼承該屬性（區別於opacity:0，opacity會被子元素繼承）。
currentcolor表示當前標籤所設定或所繼承的文字顏色，如果當前標籤定義了color屬性，則currentcolor等於color屬性值，如果沒定義color屬性，則繼承父節點的color屬性值。
二、html頁面哪些屬性可以設定顏色？一張圖
針對以上html元素，均可設定顏色值。那麼在實際工程中是怎樣用的呢？一圖勝千言。
圖1
圖2
圖3
需要注意的幾點：
當同乙個元素被賦予多個class樣式時，真正起作用的樣式是style sheet中最後定義的類，所以下**字為綠色，如圖1。
當background-color與background同時被賦值時，background樣式優先順序高於background-color，與二者在style sheet中定義的先後位置無關，如圖2。
其中border、box-shadow、text-shadow預設為當前盒子的文字顏色。
下面來介紹兩個比較重要的顏色值，王者登場。
三、css顏色體系中那些被忽略的王者成員
transparent，表示完全透明的顏色，比較常見的用法如下：
2. currentcolor，表示當前標籤所繼承的文字顏色，常見用法如下：
四、總結
css顏色漸變
華麗麗的分割線 123 用css實現網頁背景漸變的 如下 一 從上往下漸變 example source code body 二 從左上至右下漸變 example source code body 三 從左往右漸變 example source code body 一 從上往下漸變 example ...
css 顏色漸變
漸變可以建立類似於彩虹的效果，低版本的瀏覽器不的不使開發者用來實現，css3將會輕鬆實現網頁漸變效果。要得上面的線性漸變效果，我們這樣去定義css3樣式 background image moz linear gradient top,8fa1ff,3757fa firefox background...
css顏色屬性
1.在css中如何通過color屬性來修改文字顏色 格式 color 值 取值 1.1英文單詞 一般情況下常見的顏色都有對應的英文單詞,但是英文單詞能夠表達的顏色是有限制的,也就是說不是所有的顏色都能夠通過英文單詞來表達 1.2rgb rgb其實就是三原色,其中r red 紅色 g green 綠色...