So legen Sie die Farbe des CSS-Tabellenfelds fest-CSS-Tutorial-php.cn

So legen Sie die Farbe des CSS-Tabellenfelds fest

WBOY

Freigeben： 2021-11-26 17:23:23

Original

7214 Leute haben es durchsucht

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. .

So legen Sie die Farbe des CSS-Tabellenfelds fest

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>

Nach dem Login kopieren

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!