CSS 색상(color) 속성 사용법 완벽 정리

CSS의 color 속성은 텍스트의 색상을 지정하는 데 사용됩니다. 이 속성을 활용하면 웹 페이지의 글자색을 자유롭게 변경할 수 있으며, 색상 이름, HEX 코드, RGB 값 등 다양한 방식으로 색상을 표현할 수 있습니다.

color 속성 기본 문법

color 속성의 기본적인 사용 형식은 다음과 같습니다.

선택자 { color: 색상값; }

아래 예제는 color 속성을 사용해 텍스트를 파란색으로 표시하는 방법을 보여줍니다. 코드를 직접 실행하면서 color 속성이 어떻게 동작하는지 확인해 보세요.

<html>
   <head>
   </head>
   <body>
      <p style = "color:blue;">
         이 텍스트는 파란색으로 표시됩니다.
      </p>
   </body>
</html>

color 속성에는 여러 가지 방법으로 색상 값을 지정할 수 있습니다.