Heim > Artikel > Web-Frontend > So fügen Sie Rahmen in CSS hinzu
So fügen Sie Rahmen in CSS hinzu
- 藏色散人Original
- 2021-05-14 10:13:565711Durchsuche
In CSS können Sie den Rahmen über das Attribut „border“ festlegen. Die Einstellungssyntax dieses Attributs lautet beispielsweise „border: medium double rgb(250, 0, 255)“.
Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5- und CSS3-Version, Dell G3-Computer.
In CSS können Sie das Randattribut festlegen, um den Rahmen festzulegen. border ist eine Abkürzungseigenschaft, die alle Randeigenschaften in einer Anweisung festlegen kann. Sie können sie in der Reihenfolge „Rahmenbreite“, „Rahmenstil“ und „Rahmenfarbe“ festlegen oder diese Attribute einzeln festlegen. Attributwert des
border-Attributs:
border-width: Gibt die Breite des Rahmens an.
border-style: Gibt den Stil des Rahmens an.
border-color: Gibt die Farbe des Rahmens an.
Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
p {
border: medium double rgb(250, 0, 255)
}
</style>
</head>
<body>
<p>Some text</p>
</body>
</html>Rendering:
Einführung in das Border-Attribut:
border-width-Attribut:
border-width-Kurzschriftattribut legt die Breite für alle Ränder des Elements oder die Breite für jeden Rand einzeln fest .
Funktioniert nur, wenn der Rahmenstil nicht „Keine“ ist. Wenn der Rahmenstil „None“ ist, wird die Rahmenbreite tatsächlich auf 0 zurückgesetzt. Negative Längenwerte sind nicht zulässig.
border-style-Attribut: Das
border-style-Attribut wird verwendet, um den Stil aller Ränder eines Elements oder den Rahmenstil für jede Seite einzeln festzulegen.
Der Rand erscheint möglicherweise nur, wenn dieser Wert nicht „none“ ist.
border-style-Wert:
border-color-Attribut:
border-color-Attribut legt die Farbe der vier Ränder fest. Diese Eigenschaft kann 1 bis 4 Farben festlegen. Die Eigenschaft
border-color ist eine Abkürzungseigenschaft, die die Farbe der sichtbaren Teile aller Ränder eines Elements oder unterschiedliche Farben für jede der vier Seiten festlegen kann.
Empfohlenes Lernen: „CSS-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo fügen Sie Rahmen in CSS hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!