[CSS] Color 설정

2023. 6. 20. 23:51기술 창고/CSS

728x90
SMALL

스타일을 적용하는 것 중에 가장 대표적인 것 중 하나가 바로 색상을 적용시키는 것입니다.

CSS에서 볼 수 있는 대표적인 Color CSS 는 color, background-color 이 두가지가 있습니다.

 

 

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Colors</title>
  <style>
      html{
        background-color: antiquewhite;
      }

      h1{
        color: whitesmoke;
        background-color: darkseagreen;
      }

      h2{
        color: #FAF8F1;
        background-color: #C58940;
      }
  </style>
</head>

<body>
  <h1>Hello</h1>
  <h2>World</h2>
</body>

</html>

 

Internal CSS 방법을 채택하였고, 각 태그에 색상 설정을 만들어주었습니다.

- background-color : 바탕화면 색상을 설정

- color : 적용하고자 하는 부분의 내용 색상을 설정

 

색상을 설정할 때 값을 우리가 흔히 볼 수 있는 red, blue 와 같이 특정 색상 영단어를 사용할 수도 있지만 #C58940 과 같이 16진수를 넣어 적용할 수도 있습니다.

 

 

[결과]

728x90
반응형
LIST