Ein Beispiel für das Hinzufügen einer Gliederung zu einem div-Element in CSS3

CSS3-Outline fügt Umrisse zu Div-Elementen hinzu

Um den Stil schöner zu machen, können Sie manchmal Umrisse zu Divs entsprechend hinzufügen. Dies kann durch das Gliederungsattribut erreicht werden.

outline enthält die folgenden Attributwerte;

outline-width: die Dicke des Umrisses.

Dieser Attributwert enthält 4 Parameter: dünn, mittel, dick, Länge

dünn: definiert einen dünnen Umriss

mittel: definiert einen mittleren Umriss; 🎜 >dick: Definiert einen dicken Umriss.

Länge: Sie können die Dicke des Umrisses angeben. Beachten Sie, dass dieser Wert nicht negativ sein darf.

Umrissstil: Der Stil des Umrisses.

Allgemeine Parameter für dieses Attribut:

keine: Bei Einstellung auf „Keine“ wird der Umriss nicht angezeigt.

gepunktet: gepunkteter Umriss,

gestrichelt : gepunktete Linie Konturlinie,

durchgezogen: durchgezogene Konturlinie.

outline-color: die Farbe des Umrisses

Parameter dieses Attributs:

Farbname: (rot);

rgb-Farbwert: rgb ( 255.255.255);

Hexadezimaler Farbwert: wie zum Beispiel: #ff0000;

outline-offset: der Versatzwert des Umrisses und des Containers. Wenn dieser Wert negativ ist, wird im Container ein Umriss angezeigt.

Der Beispielcode lautet wie folgt:

Das obige ist der detaillierte Inhalt vonEin Beispiel für das Hinzufügen einer Gliederung zu einem div-Element in CSS3. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!