Maison  >  Article  >  interface Web  >  Comment définir le style de bordure de tableau avec CSS

Comment définir le style de bordure de tableau avec CSS

php中世界最好的语言
php中世界最好的语言original
2017-11-21 15:28:473659parcourir

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 :

Comment définir l'attribut margin de CSS


Définir l'arrière-plan couleur de DIV Quelles sont les méthodes


Comment utiliser DIV+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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn