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
HTML-Elemente durch Anzeige oder Sichtbarkeit verbergen
Manchmal müssen wir steuern, ob HTML-Elemente auf ...
Details zu verschiedenen Schriftformaten in HTML-Webseiten
Dieser Abschnitt beginnt mit den Details der Text...
Detaillierte Erläuterung der Konzepte, Prinzipien und allgemeinen Verwendung von gespeicherten MySQL-Prozeduren
Dieser Artikel erläutert anhand von Beispielen di...
CSS-Zusammenfassungsnotizen: Beispiele für Transformationen, Übergänge und Animationen
1. Übergang Verwendung der Übergangseigenschaft: ...
React DVA-Implementierungscode
Inhaltsverzeichnis dva Verwendung von dva Impleme...
Das Vue-Projekt realisiert den Paging-Effekt
Der Paging-Effekt wird zu Ihrer Information im Vu...
JavaScript-Code zum Erzielen eines einfachen Kalendereffekts
In diesem Artikel wird der spezifische Code für J...
Die Aktualisierung der Seite zur Formularübermittlung springt nicht
1. Quellcode entwerfen Code kopieren Der Code laut...
Zusammenfassung der Methoden zum Überprüfen, ob der Port in Linux geöffnet ist
Methode 1: Verwenden Sie den Befehl lsof Mit dem ...
MySQL-Methode zum Anzeigen der aktuell verwendeten Konfigurationsdatei my.cnf (empfohlen)
my.cnf ist die Konfigurationsdatei, die beim Star...
Schritte für IDEA zur Integration von Docker zur Realisierung einer Remote-Bereitstellung
1. Aktivieren Sie den Remotezugriff auf den Docke...
Beispiel für eine adaptive CSS-Bildschirmgrößenimplementierung
Um eine CSS-Bildschirmgrößenanpassung zu erreiche...
Verstehen Sie die Implementierung des Nginx-Standortabgleichs in einem Artikel
Da das Team Front-End und Back-End trennt, überni...
Erklärung des HTML-Codes der Webseite: geordnete Liste und ungeordnete Liste
In diesem Abschnitt lernen wir Listenelemente in ...
Erstellen privater Mitglieder in JavaScript
Inhaltsverzeichnis 1. Verwende Closures 2. Verwen...