반응형
CSS 컬러의 종류
1. 16진수 컬러(hexadecimal color)
ex. #FCCE00;
2. RGB
ex. rgb(252, 206, 0);
ex. rgba(252, 206, 0, 0.5);
ㄴ 여기는 알파(a) 는 투명도
<!DOCTYPE html>
<html lang="kr">
<head>
<title>The Nick Times</title>
<style>
:root {
--main-color: #489ee3;
}
body {
height: 1000vh;
margin: 50px;
}
p {
background-color: var(--main-color);
}
a {
color: var(--main-color);
}
</style>
</head>
<body>
<p>야 시 시</p>
<div>
<a href="#">website</a>
</div>
</body>
</html>
:root {
--main color: ;
}
하나만 써서 공통으로 색상을 적용할 수 있다.
결과
반응형
'2. CSS' 카테고리의 다른 글
| CSS Transition(트렌지션) 종류 (0) | 2024.12.03 |
|---|---|
| CSS Transition 트렌지션 사용하기 (0) | 2024.12.03 |
| CSS selection (문구 드래그 시 색상 변경하기) (0) | 2024.11.30 |
| CSS ::placeholder (플레이스홀더 문구 색상 바꾸기) (0) | 2024.11.30 |
| CSS 마우스 hover시 input 박스 색상 변경하기 (0) | 2024.11.30 |