Maison  >  Article  >  interface Web  >  Implémentation du contrôle des bordures de tableaux HTML code_HTML/Xhtml_production de pages Web

Implémentation du contrôle des bordures de tableaux HTML code_HTML/Xhtml_production de pages Web

WBOY
WBOYoriginal
2016-05-16 16:42:351781parcourir

Généralement lorsque nous utilisons un tableau, nous lui donnons toujours un attribut border, tel que :

, l'effet est le suivant :

ID NAME GENDER
1001 mike male

Vous pouvez constater que la bordure du tableau semble être très large. Bien sûr, le "très large" ici n'est certainement pas la largeur de la bordure du tableau. La largeur que vous voyez devrait être causée par l'écart entre < td>. Il vous suffit donc de modifier l'attribut Cellpacing du tableau, soit :

, l'effet est le suivant :

ID NAME GENDER
1001 mike male

Cependant, il semble que la largeur ne soit toujours pas celle que nous avions imaginée : seulement un pixel de large. En fait, ce que vous voyez dans l'image ci-dessus fait en fait deux pixels de large. Pourquoi ? ; Il n'y a pas de chevauchement. Modifiez simplement l'attribut border-collapse du tableau,

ie

ID NAME GENDER
1001 mike male

Ajoutez une couleur au tableau,

ID NAME GENDER
1001 mike male
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn