Vier Codeeinstellungen zum Realisieren des Hintergrundverlaufs einer Webseite mithilfe von CSS

In diesem Artikel werden hauptsächlich die vier Codeeinstellungen zum Realisieren von Webseiten-Hintergrundverläufen mit CSS vorgestellt. Jetzt kann ich ihn mit Ihnen teilen

1 . Farbverlauf von oben nach unten

body{ 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); 
}

2. Farbverlauf von oben links nach unten rechts

body{ 
FILTER: Alpha( style=1,opacity=25,finishOpacity=100, 
startX=50,finishX= 100,startY=50,finishY=100); 
background-color: skyblue; 
}

3. Farbverlauf von links nach rechts

body{ 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000); 
}

4. Farbverlauf von oben nach unten

style="filter:progid:DXImageTransform.microsoft.gradient(gradienttype=0,startColorStr=blue,endColorStr=white);"

Zum Beispiel:

Das Obige ist hoffentlich der gesamte Inhalt dieses Artikels Es wird für das Lernen aller nützlich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

Verwendung von transparenter CSS-Deckkraft und IE-Versionen des Transparenzfilterfilters

Vergleich nach Priorität Drei Möglichkeiten um CSS-Steuerungsstile zu überprüfen

Über die Verwendung von Fenstereinheiten und Prozenteinheiten in CSS

Das obige ist der detaillierte Inhalt vonVier Codeeinstellungen zum Realisieren des Hintergrundverlaufs einer Webseite mithilfe von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!