Comment supprimer l'espacement des cellules dans CSS

Les tableaux HTML sont composés de lignes et de cellules. Dans le codage HTML traditionnel, vous supprimez l'espacement dans une cellule en définissant l'attribut «cellspacing» sur zéro. Si le site Web de votre entreprise est composé de nombreux tableaux, la répétition de cette méthode peut devenir inutilement fastidieuse. Utilisez des feuilles de style en cascade (CSS) pour simplifier le processus.

Supprimer l'espacement dans tous les tableaux

1

Ouvrez votre fichier CSS dans un éditeur de texte. Le Bloc-notes est un éditeur de texte de base fourni avec les ordinateurs Windows.

2

Cliquez sur votre curseur en bas du fichier et insérez le code suivant:

table { border-collapse: collapse; }

tr, td { remplissage : 0 ; }

3

Cliquez sur "Fichier" puis sur "Enregistrer" pour enregistrer votre fichier CSS.

Supprimer l'espacement dans des tableaux spécifiques

1

Utilisez la mise en forme suivante pour tous les tableaux dans lesquels vous souhaitez supprimer l'espacement des cellules:

Insérez le contenu de votre cellule ici.

2

Ouvrez votre fichier CSS dans un éditeur de texte, tel que le Bloc-notes.

3

Cliquez sur votre curseur en bas du fichier et insérez le code suivant :

table.nospacing { border-spacing: 0; }

table.nospacing th, td {remplissage: 0; }

4

Cliquez sur "Fichier" et "Enregistrer" pour enregistrer votre fichier CSS.