CSS RGB怎么用
RGB指的是在紅、綠、藍三種顏色基礎上混合出的其它顏色。CSS中我們可以使用RGB表示法來調整元素的顏色。
RGB的表示形式有兩種:一種是RGB十進制表示法,另一種是RGB百分比表示法。
RGB十進制表示法:
color: rgb(255,0,0); color: rgb(0,255,0); color: rgb(0,0,255); color: rgb(255,255,255); color: rgb(128,128,128);
RGB百分比表示法:
color: rgb(100%,0%,0%); color: rgb(0%,100%,0%); color: rgb(0%,0%,100%); color: rgb(100%,100%,100%); color: rgb(50%,50%,50%);
注意,在RGB十進制表示法和RGB百分比表示法中,每一個數值的范圍都是0-255或0%-100%。RGB十進制表示法所表示的顏色值越大,顏色越淺;RGB百分比表示法所表示的顏色值越大,顏色越深。
我們還可以在RGB表示法中加入透明度參數alpha,用RGBA表示法來調整顏色的透明度。
color: rgba(255,0,0,0.5); color: rgba(0,255,0,0.2); color: rgba(0,0,255,0.8); color: rgba(255,255,255,0.4); color: rgba(128,128,128,0.6);
注意,RGBA表示法的第四個參數alpha的值為0-1之間的小數,越接近0則顏色越透明,越接近1則顏色越不透明。
以上就是CSS RGB的基本用法,可以根據需要來靈活運用,定制出符合自己需求的各種顏色。
上一篇css rem 支持
下一篇css rem16px