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

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

青灯夜游
青灯夜游Original
2022-01-21 13:43:376683Durchsuche

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>

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

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

thead {
color: #FFC0CB;
}

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

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

thead {
color: #FFC0CB;
background:blue;
}

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!

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