2014-01-22 3 views
0

내 몸 크기는 1024px입니다. CSS에서 html 태그의 배경을 색상 (예 : 적갈색)으로 설정하면 모든 페이지가 적갈색이됩니다.HTML 배경색 만 변경하십시오.

정상적인 동작이지만 본문에는 하나의 색을 설정하고 본문에서는 사용하지 않는 공간에 다른 색을 설정하는 방법은 무엇입니까?

본문의 배경을 설정하면 첫 번째 div 만 채색됩니다.

+0

'html', 'body'요소에 각각 설정하십시오. 일반적으로 body 요소는 html 요소와 크기가 같습니다. 기본적으로 '8px'여백이 있습니다. –

답변

0

첫 번째 div 만 착색되는 이유는 html 요소가 문서의 모든 보이는 공간을 차지하지만 body은 하위 요소만큼의 공간을 차지합니다.

수정 : 본체의 고정 폭과 높이를 먼저 설정 한 다음 bodyhtml 모두에 background-color을 사용합니다.

body { background-color: white; } /* color for body */ 
html { background-color: maroon; } /* color for space not used by body */ 
+0

그래도 그랬지만 – ohitsanazn

+0

@Jonathan 고정 너비와 높이를 설정 했습니까? – rvighne

+0

aha, 그 트릭을 수행했습니다. – ohitsanazn

0

CSS/HTML에서 모든 요소는 특별히 정의되지 않은 경우 부모로부터 많은 속성을받습니다. 색상에 관해서는 CSS 속성을 설정하지 않는 한 대부분의 요소는 배경이 투명하거나 배경이 없습니다.

따라서, 그에 따라 속성을 설정해야이 도움이

html {background-color:#000;} 
body {background-color:#fff;} 

희망을!

+0

document.body.backgroundColor (또는 그 구문 변형이 무수히 많음)를 사용하여 JavaScript에서 본문 배경색을 설정할 수 있다는 것을 알고 있지만 JavaScript에서 html 배경색을 어떻게 설정할 수 있습니까? html CSS 코드를 수행하는 테스트 페이지가 있지만 실행 시간에 CSS를 하드 코딩하지 않고 설정하는 데 일부 논리를 적용하고 싶습니다. – Dee2000

+0

@ Dee2000 어떤 DOM 요소의'style' 속성, 즉'document.body.style.background = # 000; "을 사용하거나'$ ('# mydiv')로 jQuery에서 할 수 있습니다 .css ('background-color ','# 000 ')' – Yani

+0

예, CSS 코드 스 니펫 에서처럼 "html"의 배경색을 변경하려면 어떻게해야합니까? html {background-color : # 000;} – Dee2000