Farbverlaufseffekt im HTML-Hintergrund durch CSS-Stil erreicht

Farbverlaufseffekt im HTML-Hintergrund durch CSS-Stil erreicht
Screenshots der Effekte:

Implementierungscode:

Code kopieren
Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<Kopf>
<Titel></Titel>
<style type="text/css">
.linear{
Breite: 100 %;
Höhe: 600px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##15A216,endColorStr=#fafafa); /*IE*/
Hintergrund: -moz-linear-gradient (oben, #15A216, #fafafa);/*Firefox*/
Hintergrund: -webkit-gradient(linear, 0 % 0 %, 0 % 100 %, von (#15A216), bis (#fafafa));/*Google*/
Hintergrundbild: -webkit-gradient(linear, links unten, links oben, Farbstart(0, #15A216), Farbstopp(1, #fafafa));/* Safari & Chrome*/
Filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa'); /*IE6 & IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa')"; /* IE8 */
}
</Stil>
</Kopf>
<Text>
<div Klasse="linear"></div>
</body>
</html>

<<:  Eine kurze Erläuterung des zugrunde liegenden Prinzips von MySQL Join

>>:  Bestimmen Sie die Richtung der Mauseingabe basierend auf CSS

Artikel empfehlen

css Alle Elemente ab dem n-ten abrufen

Der spezifische Code lautet wie folgt: <div id...

Mehrere Möglichkeiten zum Aktualisieren von Batches in MySQL

Normalerweise verwenden wir die folgende SQL-Anwe...

20 Wegweiser auf dem Weg zum exzellenten UI (User Interface)-Designer

Einleitung: Der Interface-Designer Joshua Porter h...

So entfernen Sie MySQL aus Ubuntu und installieren es neu

Löschen Sie zuerst MySQL: sudo apt-get remove mys...

Remotedesktopverbindung zwischen Windows und Linux

Wenn es um eine Remotedesktopverbindung zu Linux ...

So stellen Sie DoNetCore mit Nginx in der Alibaba Cloud bereit

Grundlegende Umgebungskonfiguration Bitte kaufen ...

JavaScript-Methode zum Erkennen des Dateityps

Inhaltsverzeichnis 1. So zeigen Sie die Binärdate...

So installieren Sie Jenkins auf CentOS 8

Um Jenkins auf CentOS 8 zu installieren, müssen S...

Vorteile und Nachteile des MySQL Advanced Learning Index sowie Nutzungsregeln

1. Vor- und Nachteile von Indizes Vorteile: schne...

JavaScript zur Implementierung eines einziehbaren sekundären Menüs

Der spezifische Code zur Implementierung des einz...