이번 시간에는 다양한 색깔들을 알아보도록 하겠습니다.
자 일단 CSS 파일 불러오기에 있는 기본 세팅을 그대로 가져와주세요.
그 다음 html의 <body>부분을 채워보겠습니다.
[HTML]코드
<body> <h1> 1 </h1> </body>
[CSS]코드
h1{
color:(자신이 원하는 색깔);
}
자신이 원하는 색깔은 영어로 적으셔야 합니다. 이렇게 적으시고 실행을 시켜 보시기 바랍니다. 실행을 하면 자신이 원하는 색깔이 나와있을 것입니다. 하지만 원하지 않는 색깔이 나온다면 제가 추천하는 사이트가 있습니다.
http://www.colors.commutercreative.com/grid/ 이 사이트에 들어가시면 CSS에서 사용 가능한 147개의 색깔들을 사용해보실 수 있습니다.
또는 rgb를 이용해서 색깔을 정할 수 있습니다.
[CSS]코드
h1{
color:rgb(0~255,0~255,0~255);
}
rgb를 보다 편하게 색깔을 맞추는 사이트가 있습니다. 제가 추천하는 사이트는 https://www.w3schools.com/css/css_colors_rgb.asp입니다. 들어가서 RGB를 조율하신 뒤 원하는 색깔을 CSS 코드에 집어 넣으시면 됩니다.
잘 이해가 되셨나요? 다음 시간에는 더 재밌고 알찬 CSS 강의로 찾아뵙겠습니다. 감사합니다!
