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 表示紅色...