Question

这是我的样式表。

我试图让身体周围的边缘与身体本身有不同的颜色。这是我的开始代码。重置部分真的有必要吗？有人能告诉我我做错了什么......

@charset "utf-8";
html {
    color: #d9a552;
}

body {
    display: table;
    margin: auto;
    background: white ;
    width:  960px;
    margin-top: 20px;
    max-width: 1050px;
    height: 100%;
    font-weight: 300;
}

Answer 1

您正在寻找的是边界。如果你想让身体周围的边缘变红，只需使用：

body {
    margin: 0;
    border: 10px solid red;
    /*and this is to make it stretch all the way*/
    height: 100%;
    box-sizing: border-box;
}
html {height:100%;}

可以在this demo中看到。

Answer 2

你可能想尝试添加padding-top：20px;到html而不是margin-top：20px;与身体：

<html>
<head>

<style>
html {  
padding-top: 20px;
background: #d9a552;
}

body {
display: table;
margin: auto;
background: white;
width:  960px;
max-width: 1050px;
height: 100%;
font-weight: 300;
}
</style>

</head>

<body>
&nbsp;
</body>
</html>

我相信你也想改变颜色：＃d9a552;到

background: #d9a552;

或

background-color: #d9a552;

Answer 3

这是我的解决方案：我在body标签后面添加了section标签。我给了它一个＆＃39; mainBody＆＃39;的课程ID。然后我调整了代码如下：

我知道我不能给自己信任，但我想我会分享我的解决方案供其他人使用。我会给你们两个人的信誉，指引我朝着正确的方向前进。谢谢......

颜色体设置为自动更改边距

3 个答案: