Detaillierte Erklärung der drei Möglichkeiten zum Festlegen von Rahmen in HTML

Drei Möglichkeiten zum Festlegen von Rahmen in HTML

Rahmenbreite: 1px 2px 2px;
Rahmenstil: durchgezogen, gestrichelt, gepunktet;
Rahmenfarbe: rot grün blau;
/*Legen Sie die oberen→linken→unteren Ränder entsprechend fest*/

1. Die Zusammensetzung des Rahmens:

Rand: 1px durchgezogen #fff

Parameter:

Die erste ist die Rahmendicke 1px

Die zweite ist der Rahmenstil „durchgezogen, gestrichelt, gepunktet“ (nicht mit verschiedenen Browsern kompatibel).

Die dritte ist die Rahmenfarbe Rot. Verwenden Sie englische Wörter, um die Farbe direkt darzustellen: #f00. Die hexadezimale Darstellung der Farbe ist rgb(255,0,0).

2. Zusammengesetzter Stil

/*Rahmen: 1px durchgehend rot; /*Zusammengesetzter Stil*/

3. Einzeleinstellung

Rahmenbreite: 1px 2px 2px 1px;
Rahmenstil: durchgezogen, gestrichelt, gepunktet, durchgezogen;
Rahmenfarbe: rot grün blau rosa;
/*Legen Sie die oberen→rechten→unteren→linken Ränder entsprechend fest*/

Dies bedeutet, dass für die vier Ränder jeweils der obere Rand, der rechte Rand, der untere Rand und der linke Rand festgelegt werden.

Rahmenbreite: 1px 2px;
Rahmenstil: durchgezogen gestrichelt;
Rahmenfarbe: rot grün;
/*Legen Sie jeweils die oberen, unteren, linken und rechten Ränder fest*/

Zwei Werte repräsentieren: obere und untere Grenzen, linke und rechte Grenzen

Die drei Werte stellen dar: oberer Rand, linker Rand, unterer Rand (ich weiß nicht, warum es so aufgeteilt ist, vielleicht ist es vereinheitlicht)

Sie können auch jeden Rand einzeln festlegen!

Rand oben;
Rand rechts;
Rand unten;
Rand links;

Allerdings sollte die Arbeit nicht so segmentiert werden. Denn das macht nicht nur viel Arbeit, sondern sieht auch komisch und unansehnlich aus.

Damit ist dieser Artikel über die drei Möglichkeiten zum Festlegen von HTML-Rahmen abgeschlossen. Weitere relevante HTML-Rahmeneinstellungen finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!