Heim > Web-Frontend > HTML-Tutorial > So legen Sie die Farbe der Kopfzeile der Tabelle in HTML fest

So legen Sie die Farbe der Kopfzeile der Tabelle in HTML fest

青灯夜游
Freigeben: 2022-01-21 13:43:37
Original
6931 Leute haben es durchsucht

HTML中设置thead表头颜色的方法:1、使用“thead {color: 颜色值;}”语句设置表头的字体颜色;2、使用"thead {background:颜色值;}语句设置表头的背景颜色。

So legen Sie die Farbe der Kopfzeile der Tabelle in HTML fest

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在HTML中中,创建一个带表头的表格:

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>

  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>

  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody></table>
Nach dem Login kopieren

So legen Sie die Farbe der Kopfzeile der Tabelle in HTML fest

1、使用color属性设置字体颜色

thead {
color: #FFC0CB;
}
Nach dem Login kopieren

So legen Sie die Farbe der Kopfzeile der Tabelle in HTML fest

2、使用background属性设置背景颜色

thead {
color: #FFC0CB;
background:blue;
}
Nach dem Login kopieren

So legen Sie die Farbe der Kopfzeile der Tabelle in HTML fest

(学习视频分享:css视频教程

Das obige ist der detaillierte Inhalt vonSo legen Sie die Farbe der Kopfzeile der Tabelle in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage