gpt4 book ai didi

html - div 的背景颜色属性

转载 作者:太空宇宙 更新时间:2023-11-04 11:32:16 24 4
gpt4 key购买 nike

我需要为网站主页中的内容 div 添加背景颜色。主div的宽度是980px,内容div在主div里面。网站设计类似于下图。我尝试使用背景图片,但它的位置会根据屏幕分辨率而变化,而且我只需要在主页上使用这种设计。有什么建议吗?

<html>
<head></head>
<body>
<div id="main" style="width:980px; margin: 0 auto;">
<div id="header"><!--div content here--></div>
<div id="des"><!--contents in between header and footer--></div>
<div id="footer"> Footer content here</div>
</div>
</body>
</html>

例如顶部的“波浪”形图像,我将其用作页眉的背景图像。下面是 header div 的样式。但是我只能在主 div 中看到波浪图像。

<style>
#header {
width: 100%;
height: 68px;
background-image: url(../../image/header_line.png);
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 4px;
}
</style>

enter image description here

最佳答案

试试这段代码:

HTML:

<div class="outer-container blue">
<div class="main-container"></div>
</div>
<div class="outer-container green">
<div class="main-container"></div>
</div>
<div class="outer-container red">
<div class="main-container"></div>
</div>

CSS:

.outer-container{width: 100%;}
.outer-container .main-container{width: 980px;margin: 0 auto;height: 100px;}
.blue .main-container{background: blue;}
.green .main-container{background: green;}
.red .main-container{background: red;}

引用这个 fiddle Fiddle

关于html - div 的背景颜色属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31957203/

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