Comment utiliser CSS pour définir des bordures uniquement pour les étiquettes de tableau

Beaucoup d'amis s'inquiètent de la façon de définir le style table Aujourd'hui, je vais vous expliquer en détail comment définir le style table CSS. Parlons d’abord d’une méthode qui consiste à définir la bordure uniquement pour le tableau. Plus tard, je vous montrerai comment définir d'autres éléments du tableau. Veuillez rester à l'écoute

Seul la définition du style de bordure (bordure) pour l'étiquette du tableau donnera une bordure au tableau le plus à l'extérieur du tableau, mais il n'y aura pas de bordure à l'intérieur du tableau. Génère un style de bordure.

Les détails du cas sont les suivants :

1. Code CSS correspondant

Extrait de code html correspondant

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>CSS学习</td> 
</tr> 
<tr> 
<td>CSS5</td> 
<td>www.php.cn</td> 
<td>CSS切图</td> 
</tr> 
</table> 
</div>

C'est ainsi que CSS définit la bordure uniquement pour l'étiquette du tableau.

Lecture connexe :

Utilisation de DIV et CSS pour créer des menus déroulants

Exemple d'effet d'ombre CSS3

Quelques points à prendre en compte dans la mise en page 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!