So legen Sie die Zellenfarbe in HTML fest-HTML-Tutorial-php.cn

So legen Sie die Zellenfarbe in HTML fest

醉折花枝作酒筹

Freigeben： 2021-06-08 16:20:30

Original

8845 Leute haben es durchsucht

In HTML können Sie das bgcolor-Attribut verwenden, um die Zellenfarbe festzulegen. Sie müssen nur den Stil „bgcolor="color value"“ zum angegebenen td-Tag hinzufügen. Das Attribut bgcolor gibt die Hintergrundfarbe des Dokuments an. Der Hintergrund eines Elements ist die Gesamtgröße des Elements, einschließlich Innenabstand und Rändern.

So legen Sie die Zellenfarbe in HTML fest

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

<!DOCTYPE <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>设置单元格背景颜色</title>
  </head>
  <body>
    <table border="1" cellspacing="0" cellpadding="5" width="400" height="100">
      <caption>
        成绩单
      </caption>
      <tr align="center">
        <th>姓名</th>
        <th>语文</th>
        <th>数序</th>
        <th>英语</th>
        <th>物理</th>
        <th>化学</th>
      </tr>
      <tr>
        <td>李</td>
        <td>94</td>
        <td>89</td>
        <td>87</td>
        <td bgcolor="#ffcc00">56</td>
        <td>97</td>
      </tr>
      <tr>
        <td>孙</td>
        <td>94</td>
        <td>87</td>
        <td bgcolor="#66ffcc">84</td>
        <td>86</td>
        <td>87</td>
      </tr>
      <tr>
        <td>王</td>
        <td bgcolor="#cc9999">82</td>
        <td bgcolor="#ff66ff">84</td>
        <td>87</td>
        <td>86</td>
        <td bgcolor="#ff3399">77</td>
      </tr>
    </table>
  </body>
</html>

Nach dem Login kopieren

Effekt:

So legen Sie die Zellenfarbe in HTML fest

bgcolor-Attribut gibt die Hintergrundfarbe des Dokuments an.

Syntax

<body bgcolor="value">

Nach dem Login kopieren

attribute value

So legen Sie die Zellenfarbe in HTML fest

teded Informationen:

kompatibilitätsnotizen

in HTML 4.01 Die Verwendung des BGColor -Attributs des Körperselements wird in XHTML 1.0 strenger DTD, dem BGColor des Körpers, veraltet. Element ist keine unterstützte Eigenschaft.

Bitte verwenden Sie stattdessen CSS.

CSS-Syntax:

<body   style="max-width:90%">

Nach dem Login kopieren

Empfohlenes Lernen: HTML-Video-Tutorial

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