[1일 1코딩] 코딩독학 HTML 색 feat. tcpschool
오늘은 HTML 색!
내가 제일 좋아하는 스타일 꾸미기
난 이런게 제일 재미있다...
왜냐면..
쉬우니까... ^^
실습해본거 옮겨적기...
tcpschool 사이트에서 보면서
창 두개 띄워 놓고
바로 바로 베끼면서 코딩실습하는중
HTML 색상 표현에는 세 가지 방법이 있다.
1. 색상 이름
색상이름으로 표현할 수 있는 것은 16개밖에 없는가보다.
<태그이름 style = "속성이름 : 속성값">
배경색 변경
>> 속성 : background-color
글자색 변경
>> 속성 : color
글자 크기 변경
>> 속성 : font-size
문단 정렬 변경
>> 속성 : text-align
>> 결과
2. RGB 색상값
Red / Green / Blue 혼합
0부터 255까지의 범위
(Red, Green, Blue) 형태
숫자 조합해서 색상 만드는 재미가 있다 ㅋㅋ
<h1 style = " color : rgb(0,0,255)"> blue </h1>
<h1 style = " color : rgb(0,0,0)"> black </h1>
<h1 style = " color : rgb(255,100,100)"> peach </h1>
<h1 style = " color : rgb(150,125,200)"> light purple </h1>
3. 16진수 색상값
RGB 색상값을 16진수로 변환.
각각의 기본색은 00 ~ FF 까지 값을 가짐
빨간색 rgb(255,0,0) 은
#FF0000
네이버치면 색상표 나오긴하는데
16진수 다시 공부해바야겠다
<h1 style =" color : #0000FF"> blue </h1>
<h1 style =" color : #00C000"> green </h1>
<h1 style =" color : #FFB2D9"> pink </h1>
<h1 style =" color : #FBFF90 ; background-color : black"> lemon </h1>
<h1 style =" color : #FF8000"> orange </h1>
>> 결과
출처 : TCP스쿨
'[1일1코딩]' 카테고리의 다른 글
코딩독학 HTML 이미지 feat. tcpschool (2) | 2018.05.01 |
---|---|
코딩독학 HTML 링크 feat. tcpschool (2) | 2018.04.30 |
코딩독학 HTML 스타일 feat. tcpschool (4) | 2018.04.26 |
코딩독학 HTML 주석과 엔티티 feat. tcpschool (4) | 2018.04.23 |
코딩독학 시작은 힘차게 HTML 기초 태그 feat. tcpschool (2) | 2018.04.20 |