HTML CSS Gradient - 我已经尝试了一切

时间:2017-08-30 01:50:15

标签: html css gradient

在做任何事情之前,感谢你对我的报酬。

我只想做个大人物。

所以在HTML中我创建了一个简单的div。

代码:

body {
}

.containerallbody {
  width: 800px;
  height:  300px;
  background-color: #0076b4;
  background-image: -moz-linear-gradient (top, #0076b4 0%, white 100%);
  background-image: -webkit-linear-gradient (top, #0076b4 0%, white 100%);
  background-image: linear-gradient (top, #0076b4 0%, white 100%); /*STANDARD*/
}
<body>
  <div class="containerallbody">

  </div>
</body>

我尝试过Safari,Chrome,Firefox和IE。 我也尝试了w3scholls上显示的所有内容。 我在youtube上看过很多关于这个的视频,我不知道该怎么做。我只想要一个简单的背景覆盖所有的身体,从蓝色到白色的线性盛大。

有人可以救我吗?

1 个答案:

答案 0 :(得分:6)

linear-gradient之后有一个额外的空格。

&#13;
&#13;
body {
}

.containerallbody {
  width: 800px;
  height:  300px;
  background-color: #0076b4;
  background-image: -moz-linear-gradient(top, #0076b4 0%, white 100%);
  background-image: -webkit-linear-gradient(top, #0076b4 0%, white 100%);
  background-image: linear-gradient(top, #0076b4 0%, white 100%); /*STANDARD*/
}
&#13;
<body>
  <div class="containerallbody">

  </div>
</body>
&#13;
&#13;
&#13;