Comment ajuster l'espacement entre les images en HTML

En HTML, vous pouvez utiliser les attributs margin-left ou margin-right pour ajuster l'espacement entre les images. Ces deux attributs peuvent définir respectivement les marges gauche et droite des éléments. Il vous suffit d'ajouter "margin-". les styles left:value;" ou "margin-right:value;" sont suffisants.

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

Ajustez l'espacement entre les images en HTML

Créez un nouveau fichier html et nommez-le test.html dans le fichier test.html, créez un div et définissez son l'attribut de classe est dd.

Dans le div, utilisez la balise img pour créer deux images, les noms d'image étant respectivement 1.jpg et 3.jpg.

Afin de montrer des effets évidents, stylisez le div. Définissez la largeur du div sur 600 px, la hauteur sur 500 px, centrez-la et définissez une bordure grise de 1 px.

Dans le fichier test.html, utilisez l'attribut margin pour définir la distance entre les deux images. Par exemple, pour définir la distance entre l'image 1.jpg et l'image 3.jpg sur 30 px, vous pouvez utiliser l'attribut margin-right pour la définir.

De plus, vous pouvez également utiliser la marge pour définir les marges supérieure, inférieure et gauche de l'image. Ils sont les suivants :

• marge-gauche : marge de gauche ;

• marge-haut : marge supérieure

• marge-bas : marge inférieure.

Par exemple, utilisez margin-left pour définir la marge gauche de l'image 3.jpg sur 30px, ce qui peut également obtenir l'effet de l'étape précédente.

margin peut également définir les marges sur les quatre côtés de l'image en même temps, dans l'ordre "haut, droite, bas, gauche", par exemple, définissez l'image 1. Les marges extérieures du "haut, droite, bas et gauche" du jpg sont de 10 px, 20 px, 30 px et 40 px.

Tutoriel recommandé : "

Tutoriel vidéo HTML"

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!