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

Beispiele für die MySQL-Verschlüsselung und -Entschlüsselung

Beispiele für die MySQL-Verschlüsselung und -Ents...

Linux verwendet lsof/extundelete-Tools, um versehentlich gelöschte Dateien oder Verzeichnisse wiederherzustellen

Vorwort Linux verfügt nicht über einen prominente...

Ausführliche Erklärung der Iteratoren in ECMAScript

Inhaltsverzeichnis Vorwort Frühere Iterationen It...

Einführung in MyCat, die Datenbank-Middleware

1. Mycat-Anwendungsszenarien Mycat wurde für eine...

Vier Möglichkeiten, CSS und HTML zu kombinieren

(1) Jedes HTML-Tag hat ein Attribut style, das CS...

PostgreSQL-Materialisierte Ansichtsprozessanalyse

Dieser Artikel stellt hauptsächlich die Prozessan...

Die Idee kombiniert Docker, um Image-Paketierung und Bereitstellung mit einem Klick zu realisieren

1. Docker auf dem Server installieren yum install...

Diskussion über die Browsing-Designmethode für Webseiteninhalte

<br />Wenn ein Artikel auf einer Inhaltsseit...

So erstellen Sie einen DHCP-Server in Linux

Inhaltsverzeichnis 1. Grundkenntnisse: 2. DHCP-Se...

Mehrere Methoden zum Implementieren von zwei festen Spalten und einer adaptiven Spalte in CSS

Dieser Artikel stellt verschiedene Methoden zur I...

Fähigkeiten zur Seiten-Refaktorierung – Javascript, CSS

Über JS, CSS CSS: Stylesheet oben Vermeiden Sie C...

Detaillierte Erläuterung der mysql5.6 Master-Slave-Einrichtung und asynchroner Probleme

Inhaltsverzeichnis 1. MySQL Master-Slave-Replikat...

Zusammenfassung der MySQL-Datenbank-ähnlichen Anweisung zur Platzhalter-Fuzzy-Abfrage

MySQL-Fehler: Parameterindex außerhalb des gültig...

Eine kurze Erläuterung zweier Methoden zur Lösung von platzgleichmäßigen Kompatibilitätsproblemen

Seit seiner Einführung im Jahr 2009 wird Flex von...

web.config (IIS) und .htaccess (Apache) Konfiguration

xml <?xml version="1.0" encoding=&qu...