CSS Table (tableau)

Utilisez CSS peut grandement améliorer l'apparence des tableaux HTML.

Tableau Border

Spécifie les bordures de tableau CSS, utilisez la propriété border.

L'exemple suivant spécifie une table de Th et des éléments de bordure noire TD:

Notez que dans l'exemple ci-dessus, la table a une double bordure. En effet, la table et le th / td éléments ont des frontières distinctes.

Pour afficher une image d'une table, utilisez la propriété border-collapse.

cadre pliant

attribut border-collapse définir si les bordures de tableau sont regroupées en une seule frontière ou séparés:

Largeur de table et de la hauteur

Largeur et attributs de hauteur définissent la largeur et la hauteur de la table.

L'exemple suivant est fixé à 100% la largeur de la table hauteur de 50 pixels ième élément:

alignement du texte de formulaire

alignement du texte de la table et les propriétés d'alignement vertical.

propriété text-align est défini alignement horizontal, comme à gauche, à droite ou au centre:

propriété paramètres d'alignement vertical vertical-align, tels que haut, en bas, ou au milieu:

remplissage de formulaire

Si l'espace entre le contrôle des frontières dans la table des matières, vous devez utiliser l'attribut td de remplissage et éléments th:

Table de couleurs

L'exemple suivant spécifie la couleur de la frontière, et les éléments e du texte et couleur de fond:

D'autres exemples

Faire un formulaire personnalisé
Cet exemple montre comment créer une forme personnalisée.

Réglez la position de la légende de la table
Cet exemple montre comment positionner l'en-tête de table.