我的部分不会出现

时间:2016-05-28 00:37:06

标签: html css html5 css3

我正在切萨皮克湾建立一个网站,但section不会弹出,即使它有background-color

我不确定为什么,这在制作网站时从未发生过。我正在使用Atom编写我的代码,使用Notepad ++编译它,然后使用Chrome来显示它。

我的代码:

section {
  background-color: #75c776;
  width: 200;
  height: 400;
  margin-right: 500px;
  margin-top: 25px;
  border-radius: 3px;
}
<header>
  <h1 class="title">The Cheasapeake Bay</h1>
</header>
<section>
</section>
<footer>
</footer>

如果有人可以帮我弄清楚什么是错的,那将非常感激!

3 个答案:

答案 0 :(得分:0)

您忘了在CSS中添加px并且重复-right

新CSS

section {
  background-color: #75c776;
  width: 200px;
  height: 400px;
  margin-right: 500px;
  margin-top: 25px;
  border-radius: 3px;
}

Codepen

答案 1 :(得分:0)

您需要添加widthheight属性的单位:

width: 200px;
height: 400px;

答案 2 :(得分:0)

widthheight需要有单位。

所以你错过了widthheight

中的单位

您可以添加px / em / rem / vw

&#13;
&#13;
section {
  background-color: #75c776;
  width: 200px;
  height: 400px;
  margin-right: 500px;
  margin-top: 25px;
  border-radius: 3px;
}
&#13;
<header>
  <h1 class="title">The Cheasapeake Bay</h1>
</header>
<section>
</section>
<footer>

</footer>
&#13;
&#13;
&#13;