color는 글자 색을지정할 때 쓰는 속성
사용할 수 있는 속성은 16진수 , RGB , 색상 이름을 사용할 수 있음
티스토리 뷰
1. 개념
color - 글자 색 지정2. 태그
colorhtml5 코드
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
<! DOCTYPE html>
<html lang = "kr" >
<head>
<meta charset = "utf-8" >
<title> 키보드와 하루 </title>
<style>
div
{
margin-top : 20px ;
}
</style>
</head>
<body>
1
<div style =' color : rgb(255,0,0) ;' >
rgb가 255,0,0인 color
</div>
2
<div style =' color : red ;' >
red인 color
</div>
3
<div style =' color : #ff0000 ;' >
16진수가 #ff0000인 color
</div>
</body>
</html>
|
결과 화면
코드 설명
1
color : rgb(255,0,0) ;
똑같은 빨간색을 rgb로 표현해 보았습니다.
네이버에서 웹 색상표라고 검색을 하면 RGB , 16진수 등이 표시가 됩니다.
네이버에서 웹 색상표라고 검색을 하면 RGB , 16진수 등이 표시가 됩니다.
2
color : red ;
색상 이름으로도 글자 색을 지정할 수 있습니다.
하지만 좀 더 세밀하게 글자 색을 주고자 할 경우에는 16진수나 RGB를 이용하게 됩니다.
하지만 좀 더 세밀하게 글자 색을 주고자 할 경우에는 16진수나 RGB를 이용하게 됩니다.
3
font : #ff0000 ;
16진수를 이용해서 빨간색을 표현하였습니다.
'[개발]프로그래밍 > css3' 카테고리의 다른 글
| [css3] text-transform - 텍스트 대·소문자 변환 (0) | 2021.03.30 |
|---|---|
| [css3] text-decoration - 텍스트에 줄 표시 (0) | 2021.03.29 |
| [css3] font - 글꼴 속성 한꺼번에 표현 (0) | 2021.03.25 |
| [css3] font-style - 글자 스타일 지정 (0) | 2021.03.24 |
| [css3] font-weight - 글자 굵기 지정 (0) | 2021.03.23 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday