具有一定的宽度和颜色

时间:2017-02-22 13:11:51

标签: html css width background-color

我有一点问题给你! 所以,我试图制作一个具有一定大小和背景颜色的文件的主体。但是这些规则正在实施整个文档而不是正文选择器。这有什么问题?

<!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">
	
body{
width: 300px;
height: 300px;
background: silver;
border: 1px solid red;
margin: 0;	
}

   
		
</style>
</head>
<body>


<div>This is some text</div>			


</body>
</html>

4 个答案:

答案 0 :(得分:0)

试试这个

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

我认为你的意思是在div而不是身体上使用它

答案 1 :(得分: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>

答案 2 :(得分:0)

您必须设置一个div,而不是整个body标记。

我认为这是你想要获得的效果:

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

This is some text

</div>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

您应该根据需要定义一个高度和宽度的div并将css应用于它,而不是应用于body,因为body是整个文档。