Question

所以我一直在努力弄清楚如何制作2部分我的网站黑色和一部分白色。

例如，你去了网站，上半部分是黑色，然后中间的一半是白色，然后下半部分是黑色。

我如何使用CSS和HTML

执行此操作

我知道html我需要使用div元素，但不知道如何去做。

Answer 1

试试这个。

body{
  margin:0;
}
.wrap {
  height: 100vh;
}
.black{
  background:#000;
  height:33.33%;
  width:100%;
}
.white{
  background:#fff;
  height:33.33%;
  width:100%;
}

<div class="wrap">
  <div class="black">black part</div>
  <div class="white">white part</div>
  <div class="black">black part</div>
</div>

Answer 2

HTML：

<body>
    <div id="header"></div>
    <div id="content"></div>
    <div id="footer"></div>
</body>

的CSS：

#header{
width:100%;
height:33%;
background-color:black;
}
#content{
width:100%;
height:33%;
background-color:white;
}
#footer{
width:100%;
height:33%;
background-color:black;
}

如何制作2部分我的网站黑色和一部分白色与div

2 个答案: