color 속성
개요
color 속성은 단어 뜻대로 색상, 정확히는 글자의 색상을 의미합니다.
red,blue등 이미 정의된 색#000,#FFFFFF등의 16진수 색상 코드rgb(255, 255, 255)등의 rgb 색상rgba(200, 100, 150, 0.5)등의 알파(투명도)가 적용된 rgba 색상
color 속성은 위 목록등의 값을 사용할 수 있으며, 기본값은 inherit으로 부모의 색상을 가져옵니다.
사용법
#text1 { color: red; }
#text2 { color: #0A0; }
#text3 { color: rgb(0, 0, 150); }
#text4 { color: rgba(30, 150, 100, 0.5); }
예제
<html>
<body>
<div style="color: red">text1</div>
<div style="color: #0A0">text2</div>
<div style="color: rgb(0, 0, 150)">text3</div>
<div style="color: rgba(0, 140, 170, 0.5)">text4</div>
</body>
</html>