Explication détaillée de l'utilisation de CSS border-collapse

• Nom : border-collapse
  Catégorie : Table
  Brève description : Définir si les bords des lignes et des cellules sont fusionnés
  Aperçu : border-collapse consiste à définir s'il y a une distance entre les lignes du tableau Style, la distance entre et peut être obtenue par border="xxx" et Cellspacing="xxx" dans le tableau. En d'autres termes, lorsque border-collapse est configuré pour s'effondrer, les attributs border et cellpacing de la table elle-même n'ont aucun effet.

• Syntaxe :
  

  Valeur :

  séparé : Valeur par défaut. Bordures indépendantes (HTML standard)
  effondrement : Les bords adjacents sont fusionnés

• border-collapse : separate | collapse

Exemple 1 :
Code :

Effet d'affichage :

• <table 
  width
  ="200" border="1" cellspacing="3" cellpadding="2" style="border-collapse:collapse">
    <tr>
      <td> </td>
      <td> </td>
    </tr>
    <tr>
      <td> </td>
      <td> </td>
    </tr>
  </table>

Exemple 2 :
Code :

<table width="200" border="1" cellspacing="3" cellpadding="2" style="border-collapse: separate">
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>

Afficher le l'effet est :

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!