[CSS] Color 속성

[CSS] Color 속성

2022. 3. 13. 23:54ㆍFront-End 작업실/기타 참고 자료

728x90

🚀 Color 속성

color 속성은 단어 뜻대로 색상, 정확히는 글자의 색상을 의미하는 것이에요.

`red`, `blue` 등 이미 정의된 색
`#000`, `#FFFFFF` 등의 16진수 색상 코드
`rgb(255, 255, 255)` 등의 rgb 형 색상
`rgba(200, 100, 150, 0, 5)` 등의 투명도(Alpah)가 적용된 rgba 형 색상

color 속성은 위 목록 등의 값을 이용할 수 있고, 기본값은 `inherit`으로 부모의 색상을 가져오는 것이에요.

🔽 예시 Code

<html>
<body>
	<div style="color: red">text1</div>
	<div style="color: #0A0">text2</div>
	<div style="color: rgb(0, 0, 150)">text3</div>
	<div style="color: rgba(0, 140, 170, 0.5)">text4</div>
</body>
</html>

출력 결과

참고 자료 : https://ofcourse.kr/css-course/color-%EC%86%8D%EC%84%B1

CSS color 속성 - ofcourse

개요 color 속성은 단어 뜻대로 색상, 정확히는 글자의 색상을 의미합니다. red, blue등 이미 정의된 색 #000, #FFFFFF 등의 16진수 색상 코드 rgb(255, 255, 255) 등의 rgb 색상 rgba(200, 100, 150, 0.5) 등의 알파(투

ofcourse.kr

728x90

저작자표시 비영리 변경금지

'Front-End 작업실 > 기타 참고 자료' 카테고리의 다른 글

[FrontEnd] html Tag 정리 (0)	2022.03.14
[CSS] background, background-size (0)	2022.03.14
[CSS] CSS 정리 (0)	2022.03.13
[도전 기술!] CORS(교차 출처 자원 공유) 설정 (0)	2021.08.22
[도전 기술!] 접근 권한 처리 (0)	2021.08.21

Juny's ITLog

Juny's ITLog

태그

최근글

댓글

공지사항

아카이브

🚀 Color 속성

🔽 예시 Code

출력 결과

'Front-End 작업실 > 기타 참고 자료' 카테고리의 다른 글

관련글

티스토리툴바

Juny's ITLog

태그

최근글

댓글

공지사항

아카이브

🚀 Color 속성

🔽 예시 Code

출력 결과

'Front-End 작업실 > 기타 참고 자료' 카테고리의 다른 글

관련글

티스토리툴바

🚀 Color 속성