Entwickler können mehrere CSS-Eigenschaften anwenden, um ihre Webseiten attraktiver zu gestalten, wie „ Höhe ' Und ' Breite „Eigenschaften zum Festlegen der Größe“, „ Textausrichtung ” zum Anpassen von Text, “ Grenzstil ' Und ' Grenzradius ”-Eigenschaften zum Festlegen des Rahmens um das Element. Zusätzlich können Sie einen Rahmen nach Ihren Wünschen hinzufügen, z. B. auf einer Seite des Elements, nur um Dinge hinter den Objekten besser sichtbar zu machen.
Dieser Beitrag wird zeigen:
Methode 1: Legen Sie den Rand auf einer Seite fest
In CSS können Benutzer den Rand auf einer Seite des gewünschten Elements festlegen. Dazu ist die „ Rand links “, „ Grenzrecht “, „ Rand-oben ' Und ' Rand unten ”-Eigenschaften werden zum Hinzufügen von Rändern an der linken, rechten, oberen oder unteren Seite verwendet.
In diesem Abschnitt legen wir speziell den Rand auf der linken Seite des Containers fest. Befolgen Sie dazu die nachstehenden Anweisungen.
Schritt 1: Erstellen Sie einen div-Container
Erstellen Sie zunächst einen div-Container mit Hilfe des „ Schritt 2: Überschrift einfügen Als nächstes verwenden Sie die „< h1> ”-Tag, um eine Überschrift in den div-Container einzufügen. Darüber hinaus können Sie je nach Anforderung auch andere Heading-Tags verwenden, wie z. B. „< h1> “ bis „< h6> ' Stichworte: Greifen Sie nun auf den HTML-Div-Container und den Klassennamen zu. Dazu ist ein Klassenselektor „ # “ wird mit dem Klassennamen verwendet. Schritt 4: Rand nur auf einer Seite einfügen Wenden Sie nach dem Zugriff auf den div-Container die unten genannten CSS-Eigenschaften an: Das resultierende Bild zeigt den Rand nur mit einer Seite: Um den Rand auf allen Seiten mit unterschiedlichen Farben festzulegen, verwenden Sie den obigen HTML-Code. Greifen Sie dann mithilfe des ID-Namens und des Selektors auf den div-Container zu: Als Ergebnis wird der Rahmen mit unterschiedlichen Stilen auf jeder Seite angewendet: Um den Rahmen nur auf einer Seite festzulegen, erstellen Sie zuerst ein div mit dem „
< h1 > Grenze auf einer Seite h1 >
div >
Es ist ersichtlich, dass der Container erfolgreich erstellt wurde:
Schritt 3: Greifen Sie auf den div-Container zu
Rand links: 5 Pixel solide Rot ;
Hintergrund: rgb ( 56 , 239 , 245 ) ;
Rand: 20px 100px;
Breite: 200px; Höhe: 150px
}
Hier:
Methode 2: Rahmen auf allen Seiten mit unterschiedlichen Stilen festlegen
Rand: 80px;
Randbreite: 8px 2px 1px 10px;
Randradius: 50px;
Bordürenstil: eingelassen, doppelt gepunktet;
Randfarbe: rgb ( 40 , 5 , 235 ) rgb ( 238 , 146 , 9 ) rgb ( 255 , 0 , 242 ) rgb ( 19 , 19 , 18 ) ;
}
Im oben angegebenen Code:
In diesem Artikel haben Sie verschiedene Möglichkeiten kennengelernt, den CSS-Rahmen auf einer oder mehreren Seiten festzulegen. Abschluss