Comment définir habilement les bordures de table pour table et td

De nombreux amis s'inquiètent de la façon de définir le style de la table. J'ai déjà mentionné la définition de bordures sur la table et la définition de bordures sur td. Aujourd'hui, je vais vous apporter des conseils sur la définition des bordures de table pour table et td. À l'avenir, nous continuerons à mettre à jour les conseils et les paramètres concernant les tables, alors continuez à y prêter attention.

Définissez les bordures gauche et supérieure pour td, de sorte que td et td soient adjacents et qu'un seul style de bordure apparaisse. De cette façon, il n'y aura pas de bordures à droite et en bas du tableau. cette fois, nous définissons les bordures droite et inférieure du tableau pour résoudre le problème. Les côtés droit et inférieur de l'écran restent avec des bordures non affichées.

1. Code CSS correspondant :

<style> 
.table-c table{border-right:1px solid #F00;border-bottom:1px solid #F00} 
.table-c table td{border-left:1px solid #F00;border-top:1px solid #F00} 
/* 
只对table td设置左与上边框，对table设置右与下边框； 
*/ 
</style>

2. Fragment de code source HTML correspondant :

<div class="table-c"> 
<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.divcss5.com</td> 
<td>PHP</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>m.sbmmt.com</td> 
<td>PHP</td> 
</tr>

Voici comment définir habilement les bordures de table pour table et td. , l'as-tu appris ?

Lecture connexe :

Comment utiliser CSS pour définir des bordures sur td

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

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

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!