2017-08-30 18 views
0

私に報酬を支払っていただきありがとうございます。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>

私はサファリ、クロム、FirefoxとIEを試してみます。 私はw3schollsに表示されているすべてのものも試してみてください。 そして私はyoutubeでこれについて話しているビデオがたくさん見たことがありますが、私は何をもっとやるべきか分かりません。私はちょうど青色から白に線形の壮大さとすべての体をカバーする簡単な背景が欲しい。

誰でも私を救えますか?

+0

私はistend背景画像を使用しても試してみる:ちょうど背景:と何も答え投稿をチェックして、その罰金なら、私に知らせて –

+0

... –

答えて

6

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>

+1

あなただけの素晴らしいです!私はちょっと前にHTMLを開始していますが、私は気づかないかもしれません。ありがとう! –

+1

あなたは@AndréMachadoを歓迎します。回答があれば、それを受け入れられた答えとしてマークしてください。 – JoxieMedina

+1

'linear-gradient(#0076b4、white);'も使用できます。 _下から下へのデフォルトです_ –

関連する問題