Comment définir des bordures sur td en utilisant CSS

De nombreux amis s'inquiètent de la façon de définir le style de la table. J'ai déjà mentionné que j'avais fixé des limites sur la table. Aujourd'hui, je vais vous montrer comment utiliser CSS pour définir des bordures sur td. Je continuerai à mettre à jour les conseils et les paramètres concernant les tableaux à l'avenir, alors continuez à y prêter attention.

définit le style de bordure du tableau td. Le td dans le tableau objet implémentera le style de bordure, mais le td du milieu fera apparaître des bordures doubles.

Le tutoriel détaillé du cas est le suivant :

1. Code CSS correspondant

<style> 
.table-b table td{border:1px solid #F00} 
/* css注释：只对table td标签设置红色边框样式 */ 
</style>

2. Fragment de code source html correspondant

<div class="table-b"> 
<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>

Voici comment utiliser Avez-vous appris à définir des bordures sur td en utilisant CSS ?

Lecture connexe :

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

Utilisez DIV et CSS pour créer des menus déroulants

Quelques points à noter 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!