CSS中的顏色值詳解
來自: http://www.wutongwei.com/front/infor_showone.tweb?id=194
在CSS中,顏色的用法是有幾種的方式來處理,比如像我經常比較喜歡用的紅色,就有以下的幾種表達方式:
-
#ff0000
-
#f00
-
rgb(255,0,0)
-
rgb(100%,0%,0%)
-
red
-
regba(255,0,0,1)
第一種是16進制的寫法,
第二種是16進制的縮寫法,
第三種是RGB的0~255的顏色值設置,
第四種也是RGB的方式,只是值使用的是百分比,
第五種使用的是顏色名稱,當然這里只能是部分的顏色名稱(這里只是一種規定,不可能規定所有的顏色值的名稱).常用的: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red,silver, teal, white, yellow.
transparent 是透明顏色.
第六種是帶了透明度的做法,最后一個參數是設置透明的程度,范圍是0~1,數值為浮點數.
而顏色在我們常用的屬性里面,主要有字體顏色,背景顏色,邊框顏色,顏色漸變方面等.比如下面的CSS:
h1{
font-size: 16px;
color: #ff0000;
}
.bg{
backgroud-color: rgb(255,0,0);
}
.txt {
color: red;
}
等等相關的屬性使用.把這些CSS放入到你的CSS所在的位置,刷新頁面就會看到設置后的效果.
顏色值的使用,當然需要靠設計師的搭配,程序員才能使用這些特點,更好的使你的應用程序發揮得出色. 就行人還得靠靚裝,才能更突出的展現.
本文屬于吳統威的博客, 微信公眾號:bianchengderen,QQ群:186659233 的原創文章,轉載時請注明出處及相應鏈接:http://www.wutongwei.com/front/infor_showone.tweb?id=194 ,歡迎大家傳播與分享.
</div>