Maison > Article > interface Web > Comment définir la couleur du tableau en CSS
Comment définir la couleur du tableau en CSS
- 藏色散人original
- 2021-04-09 10:05:563771parcourir
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.
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>À 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!