Heim >Web-Frontend >Front-End-Fragen und Antworten >So stellen Sie Tabellenrandlinien in HTML5 auf verschiedene Farben ein

So stellen Sie Tabellenrandlinien in HTML5 auf verschiedene Farben ein

WBOY
WBOYOriginal
2022-01-23 17:23:456576Durchsuche

In HTML5 können Sie das Attribut „border-color“ verwenden, um die Tabellenrandlinien auf verschiedene Farben festzulegen. Dieses Attribut ist ein abgekürztes Attribut. Sie können 1 bis 4 Werte festlegen, um die Farben der vier festzulegen Ränder bzw. Ränder. Die Syntax lautet: „Rahmenfarbe: obere Randfarbe, rechte Randfarbe, untere Randfarbe, linke Randfarbe;“.

So stellen Sie Tabellenrandlinien in HTML5 auf verschiedene Farben ein

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

So legen Sie Tabellenrandlinien in HTML5 auf verschiedene Farben fest. Das Attribut „border-color“ 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. Bitte sehen Sie sich das folgende Beispiel an:

Beispiel 1

border-color:red green blue pink;

Der obere Rand ist rot

Der rechte Rand ist grün

Der untere Rand ist blau

Der linke Rand ist rosa

Beispiel 2

border-color:red green blue;

Der obere Rand ist rot

rechts Der Rand und der linke Rand sind grün.

Der untere Rand ist blau Ränder sind rot

Denken Sie daran, dass der Rahmenstil weder „Keine“ noch „Ausgeblendet“ sein darf, da der Rahmen sonst nicht angezeigt wird.

Empfohlenes Tutorial: „

HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo stellen Sie Tabellenrandlinien in HTML5 auf verschiedene Farben ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn