"."/> ".">

Maison  >  Article  >  interface Web  >  Comment définir l'espacement des lignes du tableau en HTML

Comment définir l'espacement des lignes du tableau en HTML

WBOY
WBOYoriginal
2021-11-11 17:11:0822365parcourir

En HTML, vous pouvez ajouter des styles margin-bottom et margin-top à l'élément tableau pour définir l'espacement des lignes. La syntaxe est "

Comment définir l'espacement des lignes du tableau en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Comment définir l'espacement des lignes du tableau en HTML :

1 Vous pouvez maintenir la distance entre l'attribut margin-bottom du tableau et le tableau du bas en définissant l'attribut margin-bottom pour définir la marge inférieure du. élément.

Le code est le suivant :

<table style="margin-bottom:下外边间距值" >

Jetons un coup d'œil à l'exemple ci-dessous :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>button</title>
</head>
<body>
<table style="border: 1px solid black;margin-bottom:100px" width="400" height="100" >
<tr>
<td style="border: 1px solid black" >1</td>
<td style="border: 1px solid black" >2</td>
<td style="border: 1px solid black" >3</td>
<td style="border: 1px solid black" >4</td>
</tr>
<table>
<table style="border: 1px solid black" width="400" height="100" >
<tr>
<td style="border: 1px solid black" >1</td>
<td style="border: 1px solid black" >2</td>
<td style="border: 1px solid black" >3</td>
<td style="border: 1px solid black" >4</td>
</tr>
<table>
</body>
</html>

Résultat de sortie :

Comment définir lespacement des lignes du tableau en HTML

2. Vous pouvez conserver la distance par rapport au tableau ci-dessus en définissant la marge supérieure. du tableau et définissez l'attribut margin-top de l'élément sur la marge supérieure.

Le code est le suivant :

<table style="margin-top:上外边间距值" >

Jetons un coup d'œil à l'exemple ci-dessous :

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>button</title>
</head>
<body>
<table style="border: 1px solid black;margin-bottom:100px" width="400" height="100" >
<tr>
<td style="border: 1px solid black" >1</td>
<td style="border: 1px solid black" >2</td>
<td style="border: 1px solid black" >3</td>
<td style="border: 1px solid black" >4</td>
</tr>
<table>
<table style="border: 1px solid black;margin-top:100px" width="400" height="100" >
<tr>
<td style="border: 1px solid black" >1</td>
<td style="border: 1px solid black" >2</td>
<td style="border: 1px solid black" >3</td>
<td style="border: 1px solid black" >4</td>
</tr>
<table>
</body>
</html>

Résultat de sortie :

Comment définir lespacement des lignes du tableau en HTML

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

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!

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