gpt4 book ai didi

html - 如何创建一个标题,在整个宽度上用一种颜色填充背景

转载 作者:行者123 更新时间:2023-11-28 06:27:00 25 4
gpt4 key购买 nike

我已将 body 部分的背景色设置为灰色,并为标题部分创建了一个 id,将其设置为白色背景色。但是,我需要在整个宽度上填充白色。我该怎么做?

HTML:

<body>

<div id="header">
<h1>Welcome</h1>
</div>

<div>
<h2>About Us</h2>
</div>

</body>

CSS:

body {
background-color:#F8F8F8;
}

#header {
background-color:#FFFFFF;
height: 70px;
}

这就是它应该看起来的样子,http://getbootstrap.com/examples/jumbotron/我的意思是,页眉的黑色是如何在整个页面宽度上设置的。

最佳答案

也许您正在寻找其中的一些方法:

方法一

body {
margin: 0;
background-color:#F8F8F8;
}

#header {
background-color:#FFFFFF;
height: 70px;
}
<body>
<div id="header">
<h1>Welcome</h1>
</div>
<div>
<h2>About Us</h2>
</div>
</body>

方法二

body {
margin: 0;
background-color:#F8F8F8;
}
.wrapper{
width: 60%;
margin: 0 auto;
}
#header {
background-color:#FFFFFF;
height: 70px;
}
<body>
<div id="header">
<div class="wrapper"><h1>Welcome</h1></div>
</div>
<div class="wrapper">
<h2>About Us</h2>
</div>
</body>

关于html - 如何创建一个标题,在整个宽度上用一种颜色填充背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35209427/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com