Html mehrere Farben als backgroundcolor?


24.07.2020, 11:59

<!doctype html>

<html>

<head> Hello World :D </head>

<body style="background-image: linear-gradient(red, yellow, blue, green);">

</body>

</html>

Das ergibt bei mir das

3 Antworten

!doctype html>

<html>

<head> Hello World :D </head>

<body style="background-image: linear-gradient(red, yellow, blue, green);">

</body>

</html>

In html hab ich alle 5mm einen farbwechsel da kann man nichts drauf lesen und in css geht es nicht

0
@Alpha10010

Wie genau hast du dir das denn vorgestellt? Hast du ein Bild als Referrenz?

0
@HamburgDev

Hier ist unten ein link von number 11 da war es einer der ersten also ein richtiger farbverkauf

0
@Alpha10010

Gib dem body mal eine Height und Width:
!doctype html>

<html>

<head> Hello World :D </head>

<body style="background-image: linear-gradient(red, yellow, blue, green); width: 100%; height: 100%; margin: 0;">

</body>

</html>

0

Du öffnest 3 bodys und schließt nur einen, das macht keinen Sinn.

So wie jetzt würde der Code den Hintergrund als CCFFFF wählen.

Für mehrere Farben benutze z.B. div.

<!doctype html>
<html>
<head> Hello World :D </head>
<body>
    <div style="background-color: red; height: 200px;">
        hier kommt text ins rote
    </div>
    <div style="background-color: blue; height: 200px;">
    </div>
    <div style="background-color: green; height: 200px;">
    </div>
</body>
</html>
Woher ich das weiß:Eigene Erfahrung – Interessiere mich für Technik

Was möchtest Du wissen?