color 속성

개요

CSS의 color 속성은 글자 색을 의미한다.

color는 "red", "blue"이미 정의된 색이나
"#000", "#FFFFFF" 등의 16진수 색상 코드,
"rgb(255, 255, 255)" 등의 rgb 색상,
"rgba(200, 100, 150, 0.5)" 등의 알파가 적용된 rgb 색상(rgba) 등을 사용 할 수 있다.

사용법

#text1 { color:red; }
#text2 { color:#0A0; }
#text3 { color:rgb(0, 0, 150); }
#text4 { color:rgba(30, 150, 100, 0.5); }

예제

<html>
<head>
	<style>
		#text1 { color:red; }
		#text2 { color:#0A0; }
		#text3 { color:rgb(0, 0, 150); }
		#text4 { color:rgba(0, 140, 170, 0.5); }
	</style>
</head>
<body>
	<div id="text1">text1</div>
	<div id="text2">text2</div>
	<div id="text3">text3</div>
	<div id="text4">text4</div>
</body>
</html>
출력 결과:
text1
text2
text3
text4