2017-02-22 4 views
0

У меня для вас небольшая проблема! Итак, я пытаюсь сделать тело документа с определенным размером и цветом фона. Но эти правила реализуются для целого документа, а не для селектора. В чем проблема?<body> с определенной шириной и цветом

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
 
    "http://www.w3.org/TR/html4/loose.dtd"> 
 
<html> 
 
<head> 
 
<title>Использование стилей: float</title> 
 
<style type="text/css"> 
 
\t 
 
body{ 
 
width: 300px; 
 
height: 300px; 
 
background: silver; 
 
border: 1px solid red; 
 
margin: 0; \t 
 
} 
 

 
    
 
\t \t 
 
</style> 
 
</head> 
 
<body> 
 

 

 
<div>This is some text</div> \t \t \t 
 

 

 
</body> 
 
</html>

+0

определить цвет фона как - html {background: white;} – Mark

+0

«Тело» - это весь документ, так сказать. Таким образом, весь ваш сайт получает цвет фона. Измените свой селектор от 'body' до' div', и у вас есть нужный результат. – Sebastian

ответ

0

попробовать это

div{ 
width: 300px; 
height: 300px; 
background: silver; 
border: 1px solid red; 
margin: 0; 
} 

я думаю, что у хотел использовать его на DIV, а не на теле

0

Вам нужно стилизовать <div> для этого. Тэг <body> определяет тело документа. Элемент содержит все содержимое HTML-документа, такие как текст, гиперссылки, изображения, таблицы, списки и т.д.

<!DOCTYPE html> 
    <head> 
     <meta charset='utf-8' /> 
     <title>Test</title> 
     <style> 
      #someDiv { 
       width: 300px; 
       height: 300px; 
       background: silver; 
       border: 1px solid red; 
       margin: 0; 
      } 
     </style> 
    </head> 
    <body> 
     <div id='someDiv'>This is some text</div> 
    </body> 
</html> 
0

Вы должны стиль один div, а не весь body тег.

Я полагаю, что эффект, который вы хотели бы получить:

.main-container{ 
 
max-width: 300px; 
 
height: 300px; 
 
background: silver; 
 
border: 1px solid red; 
 
margin: 0 auto; 
 
}
<div class="main-container"> 
 

 
This is some text 
 

 
</div>

0

Вы должны определить DIV с высоты и ширины в соответствии с вашими потребностями и применить CSS к нему, а не применение тела к телу - это весь ваш документ.

Смежные вопросы