CSS中的顏色值詳解

AYIPetra 8年前發布 | 9K 次閱讀 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>

 本文由用戶 AYIPetra 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!