Ajouter de l'espace entre les cellules (td) à l'aide de css

Question

J'essaie d'ajouter un tableau avec un espace entre les cellules car la couleur de fond de la cellule est blanche et la couleur de fond du tableau est bleue, vous pouvez facilement voir que le padding et la marge ne fonctionnent pas (je les applique à la cellule). td ), il ajoutera seulement de l'espace à l'intérieur de la cellule.

Answer 1

Vous voulez border-spacing :

<table style="border-spacing: 10px;">

Ou dans un bloc CSS quelque part :

table {
  border-spacing: 10px;
}

Ver quirksmode sur border-spacing . Sachez que border-spacing ne fonctionne pas sur IE7 et les versions inférieures.

Answer 2

table { 
  border-spacing: 10px; 
} 

Ça a marché pour moi une fois que j'ai enlevé

border-collapse: separate;

de mon étiquette de table.

Answer 3

Le mien l'est :

border-spacing: 10px;
border-collapse: separate;

Answer 4

Envisagez d'utiliser cellspacing y cellpadding attributs pour table ou border-spacing propriété css.

Answer 5

Le paramètre cellspacing (distance entre les cellules) de la balise TABLE est précisément ce que vous voulez. L'inconvénient est qu'il s'agit d'une seule valeur, utilisée à la fois pour x et y, vous ne pouvez pas choisir un espacement ou un remplissage différent verticalement/horizontalement. Il existe également une propriété CSS, mais elle n'est pas largement prise en charge.