Heim > Web-Frontend > CSS-Tutorial > Erklären Sie, wie Sie den Rahmen, den Hintergrund und die Größe von Elementen in CSS3 festlegen

Erklären Sie, wie Sie den Rahmen, den Hintergrund und die Größe von Elementen in CSS3 festlegen

ringa_lee
Freigeben: 2017-10-15 10:47:15
Original
2694 Leute haben es durchsucht

Rand

Die mit dem Rand verbundenen Attribute sind wie folgt.

border-width

wird verwendet, um die Breite des Rahmens festzulegen:
1) : Ändern Sie den Rahmenbreite Auf den in CSS-Maßeinheiten ausgedrückten Längenwert (z. B. em, px, cm) einstellen. : Stellen Sie den Rahmenbreitenwert auf den Prozentsatz der Breite von ein der Rahmenzeichnungsbereich;
3) Dünn, mittel und dick: Stellen Sie die Rahmenbreite auf die Standardbreite ein. Die spezifische Bedeutung dieser drei Werte wird vom Browser definiert dargestellt durch die drei Werte ​​erhöht sich einmal, und der Rand Der Standardwert für die Breite ist mittel.
border-style

wird verwendet, um den Stil festzulegen, der zum Zeichnen des Rahmens verwendet wird. Dies kann einer der folgenden Werte sein.

1) keine: kein Rand, Standardwert;
2) gestrichelt: gestrichelter Rand; Rand;
4) Groove: Groove-Linienrand;
5) Einschub: ein Rand, der dem Elementinhalt einen Inline-Effekt verleiht;
6) Anfang: ein Rand, der dem Elementinhalt einen konvexen Effekt verleiht;
7) Grat: Gratrand; 8) fest: fester Rand .
border-color
Legt die Farbe des Rahmens fest.
Legen Sie den Rahmenstil für eine bestimmte Kante fest
obere Kante


border-top-width


border -top-style


border-top-color

bottom

border-bottom-width
border-bottom - Stil
border-bottom-colorleft

border-left-width
border-left-style
border-left-colorright

border-right-width
border-right-style
border-right-color

Abkürzung
border:
Rand-oben:
Rand-unten: