Maison > Article > interface Web > Comment définir le style de bordure de tableau avec CSS
Aujourd'hui, je vais vous expliquer comment définir le style de bordure du tableautable avec CSS. Il existe quatre situations dans la définition des bordures de style CSS sur le tableau. Ce qui suit explique en détail comment gérer ces quatre situations. .
1. Définissez uniquement les bordures pour la table
2. Définissez les bordures pour td
3. Définissez habilement les bordures de la table et td
4. l'arrière-plan du tableau et du td pour obtenir des bordures de tableau parfaites
Ce qui suit est une explication et une démonstration de cas des plusieurs styles de bordure de tableau HTML ci-dessus. Afin de faciliter l'observation, divcss5 définit tous les tableaux de cas sur une bordure rouge unie de 1 px à titre d'exemple ; la largeur du tableau est de 400 px ; le tableau a trois colonnes et trois lignes. Pour les quatre cas ci-dessus, une boîte div est ajoutée à l'extérieur. couche de la table, et les noms CSS sont ". table-a", ".table-b", ".table-c", ".table-d".
Définissez uniquement la bordure sur l'étiquette de la table
Définissez uniquement le style de bordure sur l'étiquette de la table, ce qui donnera une bordure à la table la plus à l'extérieur de la table . Aucun style de bordure n'est généré à l'intérieur du tableau.
Les détails du cas sont les suivants :
1. Code CSS correspondant
<style> .table-a table{border:1px solid #F00} /* css注释:只对table标签设置红色边框样式 */ </style>
2. Extrait de code HTML correspondant
<div class="table-a"> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="105">站名</td> <td width="181">网址</td> <td width="112">说明</td> </tr> <tr> <td>PHP</td> <td>www.php.cn</td> <td>php</td> </tr> <tr> <td>php</td> <td>www.php.cn</td> <td>php</td> </tr> </table> </div>
CSS à. définir le style de bordure de table Voici les méthodes. Les amis qui en ont besoin peuvent le sauvegarder. Veuillez également continuer à prêter attention aux autres mises à jour de ce site.
Lecture connexe :
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!