Comment définir l'espacement des tables en CSS

Comment définir l'espacement des tableaux en CSS : 1. Utilisez l'attribut padding pour styliser l'élément td du tableau, avec la syntaxe "td{padding:value}" 2. Utilisez l'attribut cellpadding directement dans le balise table, avec la syntaxe " cellpadding:value".

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Créez un nouveau fichier html, nommé test.html, pour expliquer comment contrôler l'espacement des cellules d'un tableau en CSS.

Dans le fichier test.html, utilisez la balise table pour créer un tableau et utilisez l'attribut border pour définir la bordure du tableau sur 1px.

Dans le fichier test.html, utilisez les balises tr et td pour créer un tableau avec deux lignes et deux colonnes. Le code est le suivant :

Dans le fichier test.html, écrivez la balise de la page sera écrit dans cette balise Inside.

Dans la balise css, définissez le style de l'élément td du tableau et utilisez l'attribut padding pour définir l'espacement des cellules sur 10px, c'est-à-dire le la marge intérieure des cellules est de 10 px.

En plus de la méthode ci-dessus, vous pouvez également utiliser l'attribut cellpadding pour le définir directement dans la balise table afin de définir l'espacement des cellules.

Ouvrez le fichier test.html dans le navigateur pour voir l'effet.

Apprentissage recommandé :

tutoriel vidéo 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!