Comment définir la couleur du tableau en CSS-Questions et réponses frontales-php.cn

Comment définir la couleur du tableau en CSS

藏色散人

Libérer： 2023-01-04 09:35:33

original

3784 Les gens l'ont consulté

Comment définir la couleur du tableau en CSS : recherchez et ouvrez d'abord le contenu du code du tableau qui doit être défini ; puis définissez la couleur du texte dans le tableau via l'attribut color ; la table via l'attribut background.

Comment définir la couleur du tableau en CSS

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Réglage CSS de la couleur du tableau

Le réglage des couleurs du tableau est très simple, exactement le même que le réglage des couleurs du texte.

CSS définit la couleur du texte du tableau via l'attribut color et définit la couleur d'arrière-plan du tableau via l'attribut background.

<span style="font-size:24px;"><html>
       <head>
              <title>
                     年度收入
              </title>
              <style>
                     <!--
                     body{
                     background-color:#ebf5ff;
                     margin:0px;
                     padding:4px;
                     text-align:center;
              }
                     .datalist{
                     color:#0046a6;
                     background-color:#d2e8ff;
                     font-family:Arial;
              }
                     .datalistcaption{
                     font-size:18px;
                     font-weight:bold;
              }
                     .datalistth{
                     color:#003e7e;
                     background-color:#7bb3ff;
              }
                     -->
              </style>
       </head>
      
       <body>            
              <tablesummary="This table shows the yearly income for years 2004 through2007" border="1">
                     <caption>年度收入2004-2007</caption>
                     <tr>
                            <th></th>
                            <thscope="col">2004</th>
                            <thscope="col">2005</th>
                            <thscope="col">2006</th>
                            <thscope="col">2007</th>
                     </tr>
                     <tr>
                            <thscope="row">捐款</th>
                            <td>11.980</td>
                            <td>12.650</td>
                            <td>9.700</td>
                            <td>10.600</td>
                     </tr>
                     <tr>
                            <thscope="row">拨款</th>
                            <td>11.980</td>
                            <td>12.650</td>
                            <td>9.700</td>
                            <td>10.600</td>
                     </tr>
                     <tr>
                            <thscope="row">投资</th>
                            <td>11.980</td>
                            <td>12.650</td>
                            <td>9.700</td>
                            <td>10.600</td>
                     </tr>
                     <tr>
                            <thscope="row">募捐</th>
                            <td>11.980</td>
                            <td>12.650</td>
                            <td>9.700</td>
                            <td>10.600</td>
                     </tr>
                     <tr>
                            <thscope="row">销售</th>
                            <td>11.980</td>
                            <td>12.650</td>
                            <td>9.700</td>
                            <td>10.600</td>
                     </tr>
              </table>
       </body>
</html></span>

Copier après la connexion

À ce stade, vous pouvez voir que la couleur d'arrière-plan de la page, la couleur d'arrière-plan du tableau, la couleur du nom des lignes et des colonnes et la police ont tous changé en conséquence. Ces paramètres sont exactement. les mêmes que les paramètres CSS du texte et sont les mêmes que ceux du fond de la page. Les paramètres sont exactement les mêmes.

[Apprentissage recommandé : Tutoriel vidéo CSS]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!