Exemple simple de table de ligne mince HTML

En ce qui concerne la méthode de fabrication de ce tableau de ligne mince, Baidu peut avoir une réponse pour vous dire de définir ces valeurs: définir la bordure = 0 Cellpacing = 1 bgColor = # 990033 pour le tableau et définir la couleur d'arrière-plan séparément pour la cellule, par exemple: bgColor = # fff. Cependant, il n'y a probablement aucune explication détaillée sur la raison pour laquelle ces valeurs sont définies!

Aujourd'hui, j'ai soudainement pensé à enregistrer les principes de cette table de ligne mince. C'est aussi parce que j'ai enseigné aux étudiants des leçons de base ces jours-ci. Les élèves ne comprennent pas très bien les principes de cette table mince, donc si vous voulez les débutants, vous rencontrerez probablement des problèmes similaires, alors je expliquerai sur pourquoi ces valeurs sont définies.

Tout d'abord, jetons un coup d'œil à l'effet lorsque vous définissez la valeur de la bordure du tableau sur 1. Même si la bordure = 1 et la distance entre les cellules Plping = 0, l'épaisseur de la table semble toujours rugueuse:

Jetons un coup d'œil à ce que l'effet est produit en faisant des tables de ligne mince:

En revanche, les tables derrière sont plus raffinées.

Alors maintenant, je vais résumer les étapes pour faire une table de ligne mince:

Étapes pour faire une table de ligne mince:

1. Réglez la couleur d'arrière-plan de la table (c'est-à-dire la couleur de la bordure de la table visuelle);
2. Réglez la couleur d'arrière-plan de TD (cellule) (visuellement la couleur globale de la table entière)
3. Définissez la valeur de la bordure du tableau sur 0 (bordure = 0) et la valeur d'espacement est 1 (celle de cellule = 1, de sorte que la couleur d'arrière-plan de la table est affichée à travers cet espacement, devenant une bordure visuelle).

Analyse: La couleur d'arrière-plan du tableau est en fait la ligne mince qui ressemble sous la forme visuelle, car nous définissons la bordure sur 0 et l'espacement entre les cellules est réglé sur 1, alors la couleur d'arrière-plan du tableau est la couleur révélée par l'espace de ce pixel. Réglez la couleur d'arrière-plan de la cellule pour la distinguer de la couleur d'arrière-plan de la table. Pour une meilleure compréhension, j'utiliserai des images pour l'analyser ici:

1. Supposons que la bordure du tableau suivant = 1, elle est affichée comme suit:

2. Lorsque l'espacement des cellules est réglé, le plateau de cellule = 0, deux bords de 1 pixel sont côte à côte, et la bordure apparaîtra épaisse:

Par conséquent, l'effet de ligne mince ne peut pas être réglé par bordure = 1

Ensuite, nous utilisons la méthode de la ligne mince pour réaliser le principe suivant:

Si cet article vous est utile, veuillez le recommander

Adresse originale: http://www.cnblogs.com/xcaocao/p/5643351.html