So verwenden Sie das Bordercolor-Attribut von CSS

Zweck der CSS-Border-Color-Eigenschaft: Legen Sie die Farbe des Elementrahmens fest. Syntax: border-color: [Farbwert] [Farbwert] [Farbwert] [Farbwert] Einzelne Rahmenfarbe: Alle Ränder auf die gleiche Farbe setzen. Mehrere Rahmenfarben: Die Reihenfolge ist: oben, rechts, unten, links, es können verschiedene Farben angegeben werden.

CSS-Border-Color-Eigenschaft

Verwendung:

Border-Color-Eigenschaft wird verwendet, um die Farbe des Elementrahmens festzulegen.

Syntax:

<code>border-color: <color-value> [ <color-value> <color-value> <color-value> ];</code>

Parameter:

• <color-value>: Gültiger CSS-Farbwert, zum Beispiel: <color-value>：有效 CSS 颜色值，例如：

  • 十六进制（例如：#FF0000）
  • RGB（例如：rgb(255, 0, 0)）
  • RGBA（例如：rgba(255, 0, 0, 0.5)）
  • 颜色名称（例如：red、blue
  Hex (zum Beispiel: #FF0000)

RGB (zum Beispiel: rgb(255, 0, 0))

RGBA (zum Beispiel: rgba(255, 0, 0, 0.5) )

Farbname (zum Beispiel: rot, blau)

• Verwendung:

Das Attribut „Rahmenfarbe“ kann auf festgelegt werden einzelne oder mehrere Rahmenfarben, die spezifische Verwendung ist wie folgt:

• Einzelne Rahmenfarbe:
Stellen Sie die Farbe aller Ränder auf die gleiche Farbe ein.

<code class="css">border-color: #FF0000;</code>

Mehrere Rahmenfarben:

Stellen Sie die Farben verschiedener Ränder im Uhrzeigersinn ein: oberer Rand, rechter Rand, unterer Rand, linker Rand.

<code class="css">border-color: #FF0000 #00FF00 #0000FF #FFFF00;</code>

Beispiel:

<code class="html"><div style="border-color: red;">...</div></code>

Ausgabe:

🎜div mit rotem Rand. 🎜

<code class="html"><div style="border-color: red green blue yellow;">...</div></code>

🎜🎜Ausgabe: 🎜🎜🎜 Ein Div mit einem roten oberen Rand, einem grünen rechten Rand, einem blauen unteren Rand und einem gelben linken Rand. 🎜

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Bordercolor-Attribut von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!