CSS基礎(part6)--CSS的顏色表示

學習筆記,僅供參考,有錯必糾

參考自: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>

頁面:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章