Comment créer un tableau à lignes fines en HTML

Cette fois, je vais vous montrer comment créer des lignes fines en htmltableaux Quelles sont les précautions pour créer des tableaux à lignes fines en html. est un cas pratique, jetons un coup d'oeil.

Concernant la façon de créer ce tableau à lignes fines, Baidu peut avoir une réponse vous indiquant de définir ces valeurs : set border="0" cellpacing="1 pour le tableau " bgcolor ="#990033", vous devez également définir la couleur d'arrière-plan séparément pour la cellule, par exemple : bgcolor="#fff". Mais il n'y a probablement pas d'explication détaillée sur la raison pour laquelle ces valeurs doivent être définies !

Alors aujourd'hui, j'ai soudainement pensé à enregistrer le principe de cette forme de ligne fine. C'est aussi parce que je donne des cours de base aux étudiants ces jours-ci. Les étudiants ne comprennent pas très bien le principe de cette forme de ligne fine. , donc si vous êtes débutant, je suppose qu'ils le savent tous. J'ai rencontré un problème similaire, je vais donc expliquer ici pourquoi ces valeurs sont définies.

Tout d'abord, examinons l'effet de la définition de la valeur de bordure du tableau sur 1. Même si border="1" et la distance entre les cellules cellpacing="0", l'épaisseur du tableau reste a l'air pareil. Relativement grossier :

Laissez-moi maintenant résumer les étapes pour créer un tableau à lignes fines :

Les étapes pour créer un tableau à lignes fines :

Ensemble la couleur d'arrière-plan du tableau (c'est-à-dire visuellement la couleur de la bordure du tableau)

Définissez la couleur d'arrière-plan de td (cellule) (visuellement la couleur globale de l'ensemble du tableau)

Fixez la valeur de bordure du tableau à 0 (border="0 "), la valeur de l'espacement est 1 (cellspacing="1", afin que la couleur de fond du tableau s'affiche à travers cet espacement et devienne une bordure visuelle).

Analyse : La couleur d'arrière-plan du tableau est en fait la ligne fine à laquelle le tableau en lignes fines ressemble visuellement, car nous définissons la bordure sur 0 et l'espacement des cellules entre les cellules est défini sur 1, puis l'arrière-plan de le tableau La couleur est la couleur qui brille à travers l'espace de ce pixel. Définir la couleur d'arrière-plan de la cellule consiste à la distinguer de la couleur d'arrière-plan du tableau.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour un contenu plus passionnant, veuillez faire attention au site Web chinois php Autres articles liés !

Lecture connexe :

Connaissance de base du HTML, introduction détaillée aux styles définis par les hyperliens

Connaissance de base du HTML .Introduction détaillée aux feuilles de style CSS et aux attributs de style

Comment utiliser l'attribut href de la balise HTMLa pour spécifier des chemins relatifs et des chemins absolus

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!