0410 顏色控制屬性

2021-07-30 23:56:31 字數 1056 閱讀 8234

1.在css中如何通過

color屬性來修改文字顏色

格式:color:值;

取值:1.1 英文單詞

一般情況下,常見的顏色都有對應的英文單詞,但是英文單詞能夠表達的顏色是有限制的,也就是說不是所有的顏色都能通過英文單詞來表達

1.2 rgb

rgb其實就是三原色,其中r(red 紅色),g(green 綠色),b(blue 藍色)

格式:rgb(0,0,0)

那麼這個格式中的

第乙個數字就是用來設定三原色光源元件紅色顯示的亮度

第二個數字是用來設定三原色的光源元件綠色顯示的亮度

第三個數字是用來設定三原色的光源元件藍色顯示的亮度

這其中的的每乙個數字它的取值是0-255之間,0代表不發光,266代表發光最亮,值越大就越亮

紅色:rgb(255,0,0);

綠色:rgb(0,255,0);

藍色:rgb(0,0,255);

黑色:rgb(0,0,0);

白色:rgb(255,255,255);

在前端開發中其實並不常用黑色

只要讓紅色/綠色/藍色的值都一樣就是灰色

如果這三個值越小那麼久越偏黑,越大就越偏白色

例如:color: rgb(100,100,100);

1.3 rgba

rgba中的rgb和前面講解的rgb一樣,只不過多了乙個a,那麼這個a就代表透明度,取值是0-1,取值越小就越透明

例如:color: rgba(255,0,0,0.5);

1.4 十六進製制

在前端開發中通過十六進製制來表示顏色,其實本質就是rgb十六進製制中通過每兩位表示乙個顏色

例如:#ffee00,ff表示r,ee表示g,00表示b

1.5 十六進製制縮寫

在css中只要十六進製制的顏色每兩位的值都一樣的值都可以簡寫為一位

例如:#ffee00=fe0

注意點:

1.如果當前顏色對應的兩位數字不一樣,那麼就不能簡寫

#123456;

2.如果兩位相同的數字不是屬於同乙個顏色的,也不能簡寫

#1223344

小程式js控制頁面字型顏色屬性

需求 當電量少於百分之20的時候,顯示電量的字型顯示為紅色。1 在wxml裡面設定屬性batstyle style 電量 2 當復合邏輯條件的時候,在js裡面carlist i batstyle color red success function res that.setdata that.set...

css顏色屬性

1.在css中如何通過color屬性來修改文字顏色 格式 color 值 取值 1.1英文單詞 一般情況下常見的顏色都有對應的英文單詞,但是英文單詞能夠表達的顏色是有限制的,也就是說不是所有的顏色都能夠通過英文單詞來表達 1.2rgb rgb其實就是三原色,其中r red 紅色 g green 綠色...

CSS顏色屬性,邊框屬性

color name 顏色英文名稱命名 hex方式 十六進製制方式 rgb方式 三原色配色方式 r red 紅色 0 255 g green 綠色 0 255 b blue 藍色 0 255 a alpha 透明度 0 1之間 語法 rgba r,g,b,a h hue 色調 0 或360 表示紅色...