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>

Vue macht Div-Höhe verschiebbar

Artikel

Farbverlauf für HTML-Hintergrund durch CSS erreicht

33 Eis- und Schnee-Schriftarten zum Download empfohlen (privat und kommerziell)

uniapp realisiert die Aufnahme-Upload-Funktion

Einige Fragen zu Hyperlinks

Vue macht Div-Höhe verschiebbar

Der Prozess der Bereitstellung und Ausführung des Countly-Servers im Docker unter Win10

Analyse und Lösung der Gründe, warum geplante Crontab-Aufgaben nicht ausgeführt werden

Beispielcode zur Implementierung eines reinen CSS-Popup-Menüs mit Transform

So beschränken Sie das Eingabefeld in HTML auf die Eingabe reiner Zahlen

Docker + Daocloud realisiert die automatische Erstellung und Bereitstellung von Front-End-Projekten

Zusammenfassung der vier Klick-Antwortmethoden von Button

Artikel empfehlen

js, um die Rotation von Webseitenbildern zu realisieren

Navicat für MySQL-Tutorial

Detaillierte Erklärung des von Ubuntu 20.04 gemeldeten Serviceproblems bei Verwendung von Xshell über eine SSH-Verbindung

Schnelles Verständnis und Beispielanwendung der Vuex-Zustandsmaschine

Bidirektionale verknüpfte Liste der JavaScript-Datenstruktur

Verwenden Sie IISMonitor, um Webseiten zu überwachen und IIS automatisch neu zu starten

Analyse von drei Parametern des MySQL-Replikationsproblems

So verwenden Sie die asynchrone Anforderungs-API von Axios in Vue

Wie man hochwertige Webseiten gestaltet Erfahrung in der Gestaltung hochwertiger Webseiten (Bilder und Text)

So verwenden Sie die JSZip-Komprimierung in CocosCreator

Top 10 Js Bildverarbeitungsbibliotheken

MySQL InnoDB MRR-Optimierungshandbuch

Detaillierte Erläuterung der MySQL SQL99-Syntax für Inner Join und Non-Equivalent Join

Ein Artikel zum Umgang mit Mysql-Datums- und Zeitfunktionen

Beispiel-Tutorial zur JavaScript-Typerkennungsmethode