본문 바로가기

HTML / CSS / Java Script

body 배경 속성과 표준 색상 이름, RGB 값 알아보기?

body태그


<BODY> 태그

웹브라우저에서 배경 색상이 흰 색인 것처럼 보이지만 배경 색상이 없는 투명한 페이지입니다.
(흰색으로 된 경우는 제외)
배경이 흰색으로 보이는 것은 웹브라우저의 배경 색상인 흰색이 그대로 나타나기 때문입니다.
<BODY> 태그의 속성을 이용하면 배경이나 글자 색상 배경 그림을 지정할 수 있어요.



bgcolor
RGB 값이나 색상이름을 이용해서 배경색상을 지정

text
RGB 값이나 색상이름을 이용해서 글자색상을 지정

background
배경그림으로 사용할 파일이름을 지정

leftmargin
브라우저 왼쪽여백을 지정

topmargin
브라우저 위쪽여백을 지정


<HTML>
<HEAD>
<TITLE>BODY 태그의 배경 속성</TITLE>
</HEAD>
<BODY bgcolor="#FFFF00" text="0000FF">
노란색 배경에 파란색 글자.<BR>
BODY 태그의 "bgcolor"와 "text" 속성을 이용하면 문서 전체의 배경색과 글자색을 바꿀수 있음.
</BODY>
</HTML>


<BODY background="경로">


<BODY leftmargin="0" topmargin"0">

추가

웹문서에서 색상은 표준 색상 이름이나 RGB 값을 이용

- 표준 색상 이름 : 미리 정해져 있는 색상의 이름
예 : aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white

- RGB 값 : Red(빨강), Green(녹색), Blue(파랑), 색상의 조합을 16진수로 표현한 값
# : 숫자를 나타낸다는의미
앞에 숫자두자리 : Red 16진수 2자리
중간에 숫자두자리 : Green 16진수 2자리
뒤에 숫자두자리 : Blue 16진수 2자리
RGB 값은 "#000000" ~"#FFFFFF" 까지 있고 "Red(256색) x Green(256색) x Blue(256색) = 총 16,777,216 색상
예 : #000000(black), #FFFFFF(white), #FF0000(rad), #00FF00(green), #0000FF(blue)