學習筆記,僅供參考,有錯必糾
參考自:CSS中文文檔
CSS
CSS的顏色表示
命名顏色
直接拿顏色的英文形式作爲color的屬性值,比如:red, black, white, green, silver等等。
- 舉個例子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>OK</title>
<style>
h2 {
color: pink;
}
</style>
</head>
<body>
<h2>俺是一個標題</h2>
</body>
</html>
頁面:
RGB顏色表示法
RGB顏色值指定:RGB(紅,綠,藍)。每個參數(紅色,綠色和藍色)定義顏色的亮度,可在0和255之間,或一個百分比值(從0%到100%)之間的整數。比如,RGB(0,0,255)值呈現爲藍色,因爲藍色的參數設置爲最高值(255)而其他設置爲0。
- 舉個例子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>OK</title>
<style>
h2 {
color: rgb(255, 255, 0);
}
</style>
</head>
<body>
<h2>俺是一個標題</h2>
</body>
</html>
頁面:
十六進制顏色表示法
由於RGB模式書寫非常不方便,所以我們用十六進制數代替0到255;
十六進制的顏色其組成部分是:#RRGGBB
,其中RR代表紅色,GG代表綠色和BB代表藍色,所有值必須介於0和FF之間;
十六進制顏色表示法的取值範圍是#000000 ~ #FFFFFF
(黑色到白色);
十六進制表示法其實就是RBG表示法的另一種寫法。
- 舉個例子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>OK</title>
<style>
h2 {
color: #ff0000;
}
</style>
</head>
<body>
<h2>俺是一個標題</h2>
</body>
</html>
頁面: