直播中
榜首種辦法:直接用色彩稱(chēng)號(hào)來(lái)指定色彩
這種辦法是最常用到的辦法之一,比方用color:red;來(lái)指定當(dāng)時(shí)特點(diǎn)的色彩為赤色;用color:yellow;來(lái)指定當(dāng)時(shí)當(dāng)時(shí)特點(diǎn)的色彩為黃色等等。這種辦法的特點(diǎn)是用起來(lái)比較簡(jiǎn)單,直接寫(xiě)色彩稱(chēng)號(hào)即可。但缺陷同樣顯著,一是色彩稱(chēng)號(hào)繁復(fù),想要寫(xiě)色彩值,需求嫻熟回憶很多色彩的英文稱(chēng)號(hào),對(duì)于英語(yǔ)比較差的人來(lái)說(shuō),可能是一種糟糕的體會(huì)。二是色彩值表明不準(zhǔn)確。比方色彩代碼color:forestgreen;指定當(dāng)時(shí)特點(diǎn)色彩為森林綠。 在不同的瀏覽器中,這個(gè)色彩的顯現(xiàn)可能會(huì)有所不同,
第二種辦法:用十六進(jìn)制代碼來(lái)指定色彩
這種辦法也是最常用的辦法之一。用這種辦法填寫(xiě)的color特點(diǎn)值,不僅十分準(zhǔn)確,并且色彩的品種也比用色彩稱(chēng)號(hào)所代表的色彩品種多的多。比方假如想將色彩設(shè)為純藍(lán)色,能夠?qū)懗蒫olor: #0000FF;可是,請(qǐng)必定要記住,在詳細(xì)的色彩代碼前有一個(gè)#號(hào),這個(gè)符號(hào)必定不要忘寫(xiě)了。
第三種辦法:RGB:rgb(red,green,blue)
這種辦法相對(duì)于以上兩種辦法沒(méi)有那么常見(jiàn),可是也常常用到。這個(gè)特點(diǎn)用三種色彩特點(diǎn)別離代表三個(gè)通道。榜首個(gè)通道為赤色,第二個(gè)通道為綠色,第三個(gè)通道為藍(lán)色。咱們都知道,紅綠藍(lán)三種色彩被合稱(chēng)稱(chēng)為三原色,這三種色彩相互交織就能夠構(gòu)成其他各式各樣的色彩。所以,只要在css中設(shè)置好這三種色彩,就能夠構(gòu)成各式各樣的色彩。比方,我要設(shè)置純藍(lán)這種色彩,那么我就能夠?qū)懗蒫olor:rgb(0,0,255);
第四種辦法:RGBA:rgba(red,green,blue,alpha)
這種辦法其實(shí)適當(dāng)所以第三種辦法的拓寬,只不過(guò)是在第三種辦法后邊增加了一個(gè)alpha特點(diǎn)罷了。咱們都知道,在網(wǎng)頁(yè)規(guī)劃模塊中,有的時(shí)分,需求用到具有必定透明度的色彩。這個(gè)時(shí)分咱們就需求用到alpha特點(diǎn)了。這個(gè)特點(diǎn)操控色彩的透明度,它的值是(0,1),也就是說(shuō)0到1之間,值越小,不透明度也就越小。比方,我要將純藍(lán)色彩的透明度調(diào)低,那么我能夠?qū)懗蓃gb(0,0,255,0.5);這句代碼的意思就是純藍(lán)色彩,0.5的不透明度。