2017-08-30 3 views
0

Vor jeder Sache danke für die Aufmerksamkeit auf mich.HTML CSS Gradient - Ich habe alles versucht

Ich möchte nur einen Großzettel machen.

Also in HTML habe ich ein div so einfach wie das erstellen.

Code:

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>

Ich versuche haben Safari, Chrome, Firefox und IE. Ich versuche auch alles, was auf w3scholls zeigt. Und ich habe eine Menge Videos auf youtube gesehen, die darüber sprechen, ich weiß nicht, was ich mehr tun soll. Ich möchte nur einen einfachen Hintergrund decken den ganzen Körper mit einem linearen Großbuchstaben von Blau bis Weiß.

Kann mich bitte jemand retten?

+0

Ich versuche auch istend Hintergrund-Bild mit: nur Hintergrund: und nichts –

+0

den gebuchten Antwort zu überprüfen und lassen Sie mich wissen, ob seine feinen ... –

Antwort

6

Sie haben einen zusätzlichen Platz nach der 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

SIE sind einfach unglaublich! Ich habe HTML vor nicht allzu langer Zeit gestartet, ich merke nicht, dass das hapen kann. Vielen Dank! –

+1

Sie sind willkommen @ AndréMachado, wenn die Antwort funktioniert, markieren Sie es als die akzeptierte Antwort bitte – JoxieMedina

+1

Sie können auch 'linear-gradient (# 0076b4, weiß);'. _Top zu Bottom ist default_ –

Verwandte Themen