css -- 顏色補充 · 前端知識 -- 學習整理

>[success] # css -- 顏色補充 * **RGB顏色**： 1.RGB是一種色彩空間，通過R（red，紅色）、G（green，綠色）、B（blue，藍色）三原色來組成了不同的顏色；通過調整這三個顏色不同的比例，可以組合成其他的顏色； 2.RGB各個原色的取值范圍是 **0~255** ~~~ <style> div{ color:black; color:rgb(0,0,0); color: #000; } </style> ~~~ * 顏色的表現形式除了通過**關鍵字**，**rgb**，也可通過**十六進制表現**，首先rgb 是十進制的表現形式，其實就是將十進制轉換為十六進制即為十六進制表現形式，以下面為例：十進制64對應十六進制是40，因此轉換為**646464**，如果轉換十六進制兩個為一組且有重復即可縮寫例如`0088ff` 可以縮寫 `08f` ~~~ color:rgb(64,64,64); color: #404040; ~~~ >[info] ## color -- 設置是前景色 * `background-color` 設置背景色，相對來說`color` 設置前景色舉個例子 ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style> .outer { text-decoration: line-through; color: red; } </style> </head> <body> <div class="outer">122</div> </body> </html> ~~~ * 不僅僅是文字變紅，文字上個劃線一樣也變紅 ![](https://img.kancloud.cn/84/a2/84a2e438e6b15f456d712ffd58102fd6_155x61.png)