Abgerundete Ecken: Randradius Schatten: Kastenschatten Randbild: Randbild Kastensubtraktion: Kastengröße: Randkasten; Abgerundete Ecken: Randradius: Pixel/Prozentsatz Ein Wert legt die vier Abmessungen des Kastens fest Der horizontale und vertikale Radius jeder Ecke kann unabhängig voneinander eingestellt werden. Die Reihenfolge der Werte ist oben links, oben rechts, unten rechts und unten links. Die Logik kann mit der Einstellung für Abstand und Rand abgekürzt werden . Die Einheiten unterstützen Pixel und Prozentsätze (siehe Breite und Höhe). Sie können den horizontalen Radius/vertikalen Radius verwenden, um den Radius individuell zu steuern, und jeder Radius kann einzeln gesteuert werden p:nth-child(5){ Randradius: 0px 200px; } p:nth-child(7){ Breite: 400px; &
1. Detaillierte Erklärung von abgerundeten Ecken und Schatten, Rahmenbildern und Boxsubtraktion in CSS3
Einführung: Ein Wert legt den horizontalen und vertikalen Radius der vier Ecken des Feldes fest. Jede Ecke kann unabhängig voneinander festgelegt werden. Die Reihenfolge der Werte ist oben links, oben rechts und unten rechts , unten links und im Uhrzeigersinn, die Logik ist die gleiche wie Padding und Marge. Die Einheiten unterstützen Pixel und Prozentsätze (bezogen auf Breite und Höhe)
2 Abgerundete Ecken, Kastenschatten und Randbilder spezifisch Ausführliche Erklärung
Einführung: Ich begann, das Wissen zu sortieren Ich hätte es gestern Abend schreiben sollen, aber es scheint, als hätte ich die ganze Nacht wegen der Schmerzen nicht geschlafen Ich sollte besser aufpassen, was ich esse. Es ist nicht schwierig, aber wenn Sie es einmal ausprobieren, werden Sie sich daran erinnern, dass es bei CSS3 Kompatibilitätsprobleme gibt Browser. Verschiedene Browser haben private Attribute mit unterschiedlichen Präfixen, was darauf hinweist, dass die Attribute oder Regeln noch nicht zum Standard entwickelt wurden. Mit anderen Worten, vor der offiziellen Ankündigung des Standards, jeder
3. Das Problem der virtuellen Pixelkanten von CSS3-Randbildern in ritina retina screen_html/css_WEB-ITnose
Einführung: Das Problem der virtuellen Kanten von CSS3-Randbildern auf dem Ritina-Retina-Bildschirm
4 Einführung: Kapitel 23 CSS3-Randbildeffekt – Mizuhara
【Verwandte Q&A-Empfehlungen】:
Vorderseite -end – Was ist der Schmerz bei der Verwendung des CSS3-Rahmenbilds?
css – Über border-image
Das obige ist der detaillierte Inhalt vonAusführliche Einführung in Randbilder. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!