Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Bilder im CSS-Stil, Farbverläufe und zugehörige Wissenszusammenfassung

高洛峰
Freigeben: 2017-03-07 14:22:25
Original
1294 Leute haben es durchsucht

1. Hintergrundposition: (Bildpositionierung)

Drei Schreibweisen:

1): Gemäß dem %-Verhältnis ist die obere linke Ecke die kleinste (0 %, 0 %), die untere rechte Ecke ist die größte (100 %, %100): (x, y). ) Die obere linke Ecke ist die kleinste (0, 0), die rechte Ecke ist die größte (max, max);
3) oben, in der Mitte, links, rechts, unten;

2. Hintergrundclip: 1, einschließlich des Wertes dieses Teils: Rand; Inhalt; >Drei, Hintergrund-Ursprung:

1, ab Dieser Teil des Wertes beginnt: Grenze; ​​Polsterung; > Viertens, ob das Hintergrundbild fest ist oder mit dem Rest der Seite scrollt. 1, scrollen: scrollt mit dem Rest der Seite

2, fixiert: fixiert an einer bestimmten Position im Fenster.

Fünf, Gradient:

1, linearer Gradient: linear-gradient:

1) Wenn es ein Winkel ist: Winkel, Übergangsfarbe ;
2) Wenn es top ist. . . , vor der Richtung hinzufügen und danach die Übergangsfarbe;

2, radialer Farbverlauf: radialer Farbverlauf:

1) Die Standardeinstellung ist der Mittelpunkt-Farbverlauf 2) [Größe oben links]: wobei Größe ist der Gradientenradius. 3, Wiederholter Farbverlauf:

1) Wiederholter linearer Farbverlauf: Repeating-linear-gradient: Das Format ist das gleiche wie beim linearen Farbverlauf.

2) Wiederholen Sie den radialen Farbverlauf: reoeating-radial-gradient: Das Format ist das gleiche wie beim radialen Farbverlauf.

Die oben genannten CSS-Stilbilder, Verläufe und zugehörigen Kenntnisse (muss gelesen werden) sind alle vom Herausgeber geteilten Inhalte. Ich hoffe, dass sie Ihnen eine Referenz geben können, und ich hoffe, dass Sie die chinesische PHP-Website unterstützen.

Weitere Bilder im CSS-Stil, Farbverläufe, zugehörige Wissenszusammenfassungen und verwandte Artikel finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage