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

So prüfen Sie, ob Daten vorhanden sind, bevor Sie sie in MySQL einfügen

Geschäftsszenario: Der Besuchsstatus des Besucher...

Bestimmen Sie anhand von Beispielen, ob das MySQL-Update die Tabelle sperrt

Zwei Fälle: 1. Mit Index 2. Ohne Index Voraussetz...

Welche magischen Anwendungen haben CSS-Filter?

Hintergrund Grundlegende Konzepte CSS filter wend...

MySQL implementiert die Erhöhung oder Verminderung des angegebenen Zeitintervalls für alle Zeiten in der aktuellen Datentabelle (empfohlen)

Die Funktion DATE_ADD() addiert einem Datum ein a...

So erstellen Sie eine Baidu-Totlink-Datei

Baidu definiert zwei Arten von toten Linkformaten:...

CSS verwendet die Pseudoklasse „placeholder-showed“, um den schwebenden Texteffekt des Eingabefelds zu erzielen

In diesem Beitrag verwenden wir die Pseudoklasse ...

CentOS 7 erstellt Hadoop 2.10 mit hoher Verfügbarkeit (HA)

Dieser Artikel beschreibt, wie man einen hochverf...

Lernen Sie, wie Sie mit charAt() in JavaScript die am häufigsten vorkommenden Zeichen und deren Anzahl zählen.

Zuvor habe ich die Verwendung der charAt()-Method...

So entfernen Sie die Trennlinie einer Webseitentabelle

<br />So entfernen Sie die Trennlinien einer...

So richten Sie das Terminal so ein, dass Anwendungen nach dem Start von Ubuntu ausgeführt werden

1. Geben Sie „Start“ in die Menüleiste ein und kl...

Zusammenfassung des in JS implementierten Minesweeping-Projekts

Dieser Artikel enthält die Zusammenfassung des JS...

Implementieren Sie über 24 Array-Methoden in JavaScript von Hand

Inhaltsverzeichnis 1. Traversal-Klasse 1. fürJede...

MySQL 5.7.21 dekomprimierte Version des Tutorials zum Wiederherstellen von Daten über das historische Datenverzeichnis

Situationsbeschreibung: Die Datenbank wurde abnor...

10 Tipps für das User Interface Design mobiler Apps

Tipp 1: Konzentriert bleiben Die besten mobilen A...

Detaillierte Erläuterung des automatischen Formatierungszeilenumbruchs von Vue Save

Ich habe online nach vielen Möglichkeiten gesucht...