So verwenden Sie CSS-Border-Color-Eigenschaften_CSS-Tutorial_CSS_Webseitenproduktion

border-color – Definieren Sie die Farbe der vier Ränder Wert:[ | {1,4}: Farbdarstellung transparent{1,4}: transparent erben: erbt Anfangswert: derselbe wie der Standardwert des Attributs color Erbschaft: Nein Gilt für: alle Elemente Rand: Rand, Farbe: Farbe. Grenzfarbe border-color – Definieren Sie die Farben der vier Ränder
: [ | transparent{1,4}: transparent
erben: erben
Anfangswert: derselbe wie der Standardwert des Farbattributs
Vererbung: nein
Anwendbar auf: alle Elemente
Rahmen: Rahmen , color :Color. Die Zuweisungsmethoden von
border-color und
border-width
sind gleich und Sie können jeweils 1, 2, 3 oder 4 Farbwerte zuweisen 🎜>Beispiel p#fourborders {
border-color:red black blue green;
}
Wenn vier Werte definiert sind, dann sind diese vier Werte die obersten, rechter, unterer und linker Rand (vom oberen Rand ausgehend und im Uhrzeigersinn durchlaufend). Der obere Rand, der den Absatz „Dream City“ definiert, ist rot, der rechte Rand ist schwarz, der untere Rand ist blau und der linke Rand ist grün.

p# threeborders
{
border-color: red black blue;
Wenn Sie nur drei Werte definieren, stellt der mittlere Wert den linken und rechten Rand dar. Definieren Sie den oberen Rand des Dream City-Absatzes als rot und den unteren Rand als blau, der linke und rechte Rand sind schwarz

p#twoborders
{
border-color: red black ;
}
Wenn nur zwei Werte definiert sind, stellt der vorherige Wert den oberen und unteren Rand dar, und die folgenden Werte stellen den linken und rechten Rand dar. Definieren Sie den oberen und unteren Rand der Traumstadt Absatz als Rot und der rechte und linke Rand als Schwarz

p#oneborders
{
border-color :red
}
Wenn nur ein Wert definiert ist, ist dies der Fall Der Wert stellt die vier Seiten dar. Definieren Sie den Rand des Dream City-Absatzes als Rot.

Script House-Tipps: Wenn kein Rand festgelegt ist, verwendet die Randfarbe den Wert der Farbe Attribut dieses Elements.

p#bordercolor
{
border-
bottom
:solid;
color :red; Da der Wert von border-color nicht festgelegt ist, ist der Wert von color

css border-color-Attributbeispiel – Verwendung des Farbwerts von color : Da CSS-Eigenschaften über die übergeordnete Funktion verfügen, ist die Reihenfolge der Einstellungen wichtig: p
{
border:medium solid green; rot;
}
Im obigen Beispiel ist die Farbe des unteren Randes rot,
andere
Ränder sind grün, da für „border-bottom“ keine Farbe festgelegt ist. Daher sollte die Farbe durch „color“ angegeben werden genommen werden.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie CSS-Border-Color-Eigenschaften_CSS-Tutorial_CSS_Webseitenproduktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!