HTML CSS渐变 - 我已经尝试了一切

我只想做一个外行。

所以在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上看过很多关于这个视频的视频，我不知道该做些什么。我只想要一个简单的背景覆盖全部身体，从蓝色到白色的线性渐变。

任何人都可以救我吗？

来源

2017-08-30 André Machado

我也尝试使用istend的background-image：只是背景：并没有什么 –

检查张贴的答案，让我知道，如果它的罚款... –

您在linear-gradient之后有额外的空间。

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>

来源

2017-08-30 01:59:27 JoxieMedina

你是很不错的！我不久前就开始使用HTML，我没有意识到可能会发生。谢谢！ –

欢迎@AndréMachado，如果答案有效，请将其标记为已接受的答案 – JoxieMedina

您也可以使用线性渐变（＃0076b4，白色）;'。 _顶部到底部是default_ –

HTML CSS渐变 - 我已经尝试了一切

回答

相关问题