Heim > Artikel > Web-Frontend > So legen Sie die Farbe des CSS-Tabellenfelds fest

So legen Sie die Farbe des CSS-Tabellenfelds fest

WBOYOriginal: 2021-11-26 17:23:237281Durchsuche

In CSS können Sie das Attribut „border-color“ verwenden, um die Farbe des Tabellenfelds festzulegen. Dieses Attribut wird hauptsächlich zum Festlegen der Rahmenfarbe für Elemente verwendet. Sie müssen nur den Wert „border-color: color“ hinzufügen ;"-Stil für das Tabellenelement. .

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

So legen Sie die Farbe des Tabellenfelds in CSS fest

In CSS können Sie das Attribut „border-color“ verwenden, um die Rahmenfarbe der Tabellentabelle festzulegen. Die Eigenschaft

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.

Das Folgende ist ein Beispiel dafür, wie man die Rahmenfarbe einer Tabelle mit CSS festlegt. Das Beispiel sieht wie folgt aus:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
.biaoge{
  border-color:red;
}
</style>
<table border="2" class="biaoge">
  <tr>
    <td>111</td>
    <td>222</td>
  </tr>
  <tr>
    <td>333</td>
    <td>444</td>
  </tr>
    <tr>
    <td>555</td>
    <td>666</td>
  </tr>
  <tr>
    <td>777</td>
    <td>888</td>
  </tr>
</table>
</body>
</html>

Ausgabeergebnis:

So legen Sie die Farbe des CSS-Tabellenfelds fest

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo legen Sie die Farbe des CSS-Tabellenfelds fest. 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

Vorheriger Artikel：So legen Sie ein Hintergrundbild für eine Schaltfläche in CSS festNächster Artikel：So legen Sie ein Hintergrundbild für eine Schaltfläche in CSS fest

In Verbindung stehende Artikel

Mehr sehen