Maison > interface Web > tutoriel HTML > Conseils pour définir les bordures des tableaux HTML

Conseils pour définir les bordures des tableaux HTML

高洛峰
Libérer: 2017-02-21 13:20:29
original
2365 Les gens l'ont consulté

L'éditeur suivant vous apportera quelques conseils sur la définition des bordures des tableaux HTML. L'éditeur pense que c'est plutôt bien, alors j'aimerais le partager avec vous maintenant et le donner comme référence

Pour de nombreuses personnes qui débutent en HTML, table

, mais pour le contrôle des bordures de table, de nombreux débutants ne le comprennent pas très bien.

Généralement quand on utilise un tableau, on lui donne toujours un attribut border, tel que :

, l'effet est le suivant :

Conseils pour définir les bordures des tableaux HTML

Pour de nombreuses personnes qui débutent en HTML, table

est la balise la plus couramment utilisée, mais de nombreux débutants ne comprennent pas le contrôle des bordures de tableau.

Généralement quand on utilise un tableau, on lui donne toujours un attribut border, tel que :

, l'effet est le suivant :

Conseils pour définir les bordures des tableaux HTML

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 sur l'image ci-dessus fait en réalité deux pixels de large. Pourquoi ? entre

Causé par un chevauchement. Modifiez simplement l'attribut border-collapse du tableau,

c'est-à-dire

Conseils pour définir les bordures des tableaux HTML

puis donnez au tableau Ajoutez une couleur,

Conseils pour définir les bordures des tableaux HTML

L'article ci-dessus concerne configuration des bordures de tableau HTML. Les conseils sont tout le contenu partagé par l'éditeur. J'espère qu'il pourra vous donner une référence et j'espère que vous soutiendrez le site Web PHP chinois.

Pour plus d'articles sur la configuration des conseils pour les bordures de tableaux HTML, veuillez prêter attention au site Web PHP chinois !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal