HTML&CSS基礎學習筆記1.28-顏色的表達

顏色的表述

在網頁中的顏色設置是很是重要，CSS的屬性有字體顏色（color）、背景顏色（background-color）、邊框顏色（border）等，設置顏色的方法也有不少種：

 

一、英文命令顏色

前面幾個知識點中常常用到的就是這種設置方法：

p{color:green;}

二、RGB顏色

這個與 photoshop 中的 RGB 顏色是一致的，由 R(red)、G(green)、B(blue) 三種顏色的比例來配色。

p{color:RGB(0,255,0);}

每一項的值能夠是 0~255 之間的整數，也能夠是 0%~100% 的百分數。如：

p{color:RGB(0,100%,0);}

三、十六進制顏色

這種顏色設置方法是如今比較廣泛使用的方法，其原理其實也是 RGB 設置，可是其每一項的值由 0-255 變成了十六進制 00-ff。

p{color:#00FF00;}

更多學習內容，就在碼芽網www.mayacoder.com

看一段css代碼：

/*給p元素添加背景顏色*/
p{
background-color:#fffa21;
color:#f58055;
}