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
- WBOYoriginal
- 2021-11-11 17:11:0822328parcourir
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 "
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 :
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 :
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!