Farbverlauf für HTML-Hintergrund durch CSS 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>

Erste Schritte mit MySQL Sharding

Artikel

Farbverlauf für HTML-Hintergrund durch CSS erreicht

Detaillierte Erläuterung der Leistungsoptimierung des Web-Frontends: Zusammenführung und Komprimierung von Ressourcen

Allgemeine Parameter für Popup-Fenster von IE-Webseiten können Sie selbst festlegen

Beispiel zur Identifizierung des Benutzers mithilfe eines Linux-Bash-Skripts

Linux: Kein Speicherplatz mehr auf Gerät 500 – Fehler aufgrund voller Inodes

Einführung in die Installation von JDK unter Linux, einschließlich der Deinstallation von OpenJDK

Bootstrap 3.0-Lernunterlagen für Anfänger

Verwaltung privater Docker-Repositorys und Löschen von Bildern in lokalen Repositorys

Erste Schritte mit MySQL Sharding

MySQL Dual-Machine Hot-Standby-Implementierungslösung [testbar]

Tabellen-Paging-Funktion implementiert durch Vue2.0+ElementUI+PageHelper

Artikel empfehlen

JavaScript-OffsetParent-Fallstudie

Detaillierte Erklärung der integrierten Methoden des Javascript-Arrays

MySQL 5.6 Installationsschritte mit Bildern und Text

Was tun, wenn Sie das Root-Passwort von Mysql5.7 vergessen (einfache und effektive Methode)

HTML-Code für Multiheader-Tabellen

ThingJS-Partikeleffekte, um Regen- und Schneeeffekte mit einem Klick zu erzielen

react+antd.3x implementiert IP-Eingabefeld

Mysql fragt die ausgeführten Transaktionen ab und wie auf Sperren gewartet werden soll

Einführung in die Verschlüsselung des Grub-Boot-Programms in Linux

Lösen Sie das Problem des 8-Stunden-Unterschieds zwischen Docker-Container und Host-Computer

Detaillierte Erläuterung zum automatischen Aktualisieren der Seite und zur Aktualisierungsmethode nach dem Löschen von Vue-Listendaten

Detaillierte Erklärung zur Verwendung von MySQL-Gruppenlinks

Sechs Möglichkeiten, die Größe von Docker-Images zu reduzieren

Beispiel für asynchronen Dateiupload in HTML

Express implementiert Login-Verifizierung