Mehrere Hintergrundfarben, Bilder in CSS [Duplizieren]

8

Wie kann ich ein einzelnes div mehrere Hintergrundfarben oder Bilder in CSS geben? Zum Beispiel möchte ich, dass der obere Teil rot ist, dann der mittlere Teil blau und der untere Teil grün.

    
alextercete 09.02.2016, 12:21
quelle

4 Antworten

7

Ein einzelnes linear-gradient als Hintergrund ist genug

%Vor%

Beispiel | Browser-Unterstützung

    
fcalderan 09.02.2016 12:25
quelle
3

Verwenden Sie Farbverläufe in css3.

%Vor%     
Prabhu 09.02.2016 12:28
quelle
2

TOP, BOTTOM, CENTER, mehrere Farben Tutorial für Sigle Line

%Vor%

}

    
krunal sabhadiya 09.02.2016 12:33
quelle
1

Verwenden Sie :before und :after Pseudo-Element-Regeln , um drei verschiedene Hintergrund-Layer (Farbe) zu erhalten und Bilder) auf einem einzelnen Element .

Hinweis: Bei dieser Lösung müssen die enthaltenen Elemente umbrochen werden, damit sie über den Hintergründen bleiben. Andernfalls sind die Links möglicherweise nicht anklickbar, der Text kann nicht ausgewählt werden usw.

Führen Sie das Code-Snippet für ein funktionierendes Beispiel aus.

%Vor% %Vor%
    
luchaos 09.02.2016 13:15
quelle

Tags und Links