Zusammenfassung der praktischen Methoden von CSS3 (empfohlen)

Zusammenfassung der praktischen Methoden von CSS3 (empfohlen)

1. Abgerundeter Rand:

CSS- CodeInhalt in die Zwischenablage kopieren
  1. Rahmenradius : 4px ;

2.Boxschatten:

CSS- CodeInhalt in die Zwischenablage kopieren
  1. Kastenschatten: 5px   5px   3px   #000 ; /* Die Parameter sind Ausdehnungsdistanz nach rechts, Ausdehnungsdistanz nach unten, Schattenbreite, Farbe*/   

3. Größe des Hintergrundbildes:

CSS- CodeInhalt in die Zwischenablage kopieren
  1. div{
  2. Hintergrund : URL (bg_flower.gif);
  3. -moz- Hintergrund – Größe : 63px   100px ; /* Ältere Versionen von Firefox */   
  4. Hintergrund – Größe : 63px   100px ;
  5. Hintergrundwiederholung : keine Wiederholung ;
  6. }

4. Standort des Hintergrundbilds

CSS- CodeInhalt in die Zwischenablage kopieren
  1. div{
  2. Hintergrund : URL (bg_flower.gif);
  3. Hintergrundwiederholung : keine Wiederholung ;
  4. Hintergrund – Größe : 100 % 100 %;
  5. -webkit- Hintergrund -Origin: Inhalt -Box; /* Safari */   
  6. Hintergrund - Herkunft: Inhalt - Box; /*Rahmen-Box, Polster-Box*/   
  7. }

5. Textschatten

CSS- CodeInhalt in die Zwischenablage kopieren
  1. Textschatten : 5px   5px   3px   #000 ; /*Die Parameter sind die Ausdehnungsdistanz nach rechts, die Ausdehnungsdistanz nach unten, die Schattenbreite und die Farbe */   

6. Erzwingen Sie den automatischen Zeilenumbruch

CSS- CodeInhalt in die Zwischenablage kopieren
  1. P {
  2. Zeilenumbruch: Wortumbruch;
  3. }

7. Spalte

CSS- CodeInhalt in die Zwischenablage kopieren
  1. div{
  2. column-gap: 3px ; /* Länge der Lücke zwischen den Spalten */   
  3. -moz-Spaltenanzahl:3; /* Firefox */   
  4. -webkit-column-count:3; /* Safari und Chrome */   
  5. Spaltenanzahl: 3;
  6. }

Die obige Zusammenfassung der praktischen CSS3-Methoden (empfohlen) ist der gesamte Inhalt, den der Herausgeber mit Ihnen teilt. Ich hoffe, er kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen.

Original-URL: http://www.cnblogs.com/daisykoo/archive/2016/05/24/5522362.html

<<:  Detaillierte Erklärung der drei Möglichkeiten zum Festlegen von Rahmen in HTML

>>:  Detaillierte Erklärung der Tastaturereignisse von Vue

Artikel empfehlen

Praktische Methode zum Löschen verknüpfter Tabellen in MySQL

In der MySQL-Datenbank können Tabellen, nachdem s...

Lösung für das Problem, dass MySQL Daten sehr langsam löscht und einfügt

Wenn ein Unternehmensentwickler eine Insert-Anwei...

Zusammenfassung der Methoden zum Schreiben von Urteilsaussagen in MySQL

So schreiben Sie Urteilsaussagen in MySQL: Method...

Unterschied zwischen HTML4 und HTML5: So fügen Sie einer Eingabe Fokusimplementierungscode hinzu

html4: Code kopieren Der Code lautet wie folgt: &...

Vergleich von mydumper und mysqldump in MySQL

Wenn Sie nur ein paar Tabellen oder eine einzelne...

So verwenden Sie MySQL, um die Datengenerierung in Excel abzuschließen

Excel ist das am häufigsten verwendete Tool zur D...

Zusammenfassung der Vorteile von Vue3 gegenüber Vue2

Inhaltsverzeichnis 1. Warum brauchen wir vue3? 2....

Beispiel für die Verwendung von JS zur nativen Implementierung des Jahreskarussell-Auswahleffekts

Vorwort Verwenden Sie js, um einen Jahresrotation...

Lernen Sie einfach verschiedene SQL-Joins

Mit der SQL JOIN-Klausel können Zeilen aus zwei o...

Das Prinzip und die Anwendung der ES6-Dekonstruktionszuweisung

Inhaltsverzeichnis Array-Destrukturierungszuweisu...

Docker: Das Ändern des DOCKER_OPTS-Parameters in /etc/default/docker wird nicht wirksam

Standardmäßig wird die Konfiguration /etc/default...

So installieren und konfigurieren Sie das Orchestrierungstool Docker Compose in Docker.v19

1. Einführung in Compose Compose ist ein Tool zum...

Definition und Verwendung des MySQL-Cursors

Erstellen eines Cursors Erstellen Sie zunächst ei...

Realisieren Sie Kartenaggregations- und Streueffekte basierend auf Vue + OpenLayer

Inhaltsverzeichnis Vorwort: Ergebnis: 1. Polymeri...

So verwenden Sie Port 80 in Tomcat unter Linux

Anwendungsszenario In vielen Fällen installieren ...