CSS 색상 변경하기
CSS에서 색상은 color로 설정한다.
색상을 나타내는 방법은 크게 3가지가 있다.
- HEX color <예 : #fff 또는 #ffffff 또는 Alpha값 포함하여 #fff0, #ffffff00>
- rgb <예 : rgb(0,0,0)>
- rgba <예 : rgba(0,0,0,0)>
투명도를 나타내는 Alpha값은 IE9 이상부터 지원합니다.
코드 예시
CSS에서 설정
html{color:#333}/*검은계열색*/html의 글자 색상을 선택
만약 옵션이 겹친다면, CSS의 우선순위에 따라 옵션이 설정된다.
html내에서 설정
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
p{color:#03A9F4;}
</style>
</head>
<body>
<p>aaa</p>
<span>123</span>
</body>
</html>p태그 글자 색상을 하늘색 계열로 설정한다.
배경색을 수정하고 싶다면 background-color에 값을 변경해주면 된다.
Alpha 값 안내
HEX에서
#1234
4번이 Alpha값이다.
이렇게 설정시
#11223344 와 동일한 값을 가진다.
#12345678
78이 Alpha값이다.
Alpha값이 작을수록(0 또는 00) 투명해지고 <-> 클수록(F 또는 FF) 불투명해진다.
'티스토리 > CSS' 카테고리의 다른 글
| CSS Selector로 외부링크 선택하기 (0) | 2020.08.28 |
|---|---|
| 드래그 색상 바꾸기 (1) | 2020.08.05 |
| 티스토리 "분류 전체보기" 지우기 (0) | 2020.08.03 |
| width:100%와 display:block의 차이 (0) | 2020.08.02 |
| 크롬 input 테두리 제거하기 (0) | 2020.07.31 |
저작권 보호안내
무단 전재, 재배포 행위는 금지됩니다. (글을 복사하여 게시금지)
본문의 일부(링크용 한 문장) 인용은 가능하지만, 출처와 링크(a 태그)를 남기셔야 됩니다.
링크 공유는 가능합니다. 만약, 본문 공유 시 링크 공유를 해주세요
댓글 0개