[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
'기술 창고 > CSS' 카테고리의 다른 글
| [CSS] CSS 적용 순서 (0) | 2023.06.22 |
|---|---|
| [CSS] 박스 영역을 생성하는 div 태그 / 테두리, 안쪽 여백, 바깥쪽 여백, 박스 크기 CSS (0) | 2023.06.22 |
| [CSS] 글자 크기, 두께, 글꼴, 정렬 (0) | 2023.06.21 |
| [CSS] CSS Selectors (0) | 2023.06.20 |
| [CSS] CSS 추가하는 3가지 방법 (0) | 2023.06.20 |