Maison >interface Web >tutoriel CSS >Comment définir la distance de l'image par rapport à la gauche en CSS
Comment définir la distance de l'image par rapport à la gauche en CSS
- 青灯夜游original
- 2021-11-09 15:02:497339parcourir
En CSS, vous pouvez utiliser l'attribut margin-left pour définir la distance par rapport au côté gauche de l'image. La fonction de cet attribut est de définir la marge gauche de l'élément. Il vous suffit d'ajouter le "img{margin. -left: distance value;}" style à l'élément image. C'est tout.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
En CSS, vous pouvez définir la distance de l'image par rapport à la gauche via l'attribut margin-left. L'attribut
margin-left définit la marge gauche de l'élément. Les valeurs négatives sont autorisées.
Exemple :
<!DOCTYPE html>
<html>
<head>
<style>
img{
border: 1px solid red;
}
#img2{
margin-left: 20px;
}
</style>
</head>
<body>
<img src="img/1.jpg" style="max-width:90%" / alt="Comment définir la distance de l'image par rapport à la gauche en CSS" >
<img src="img/1.jpg" style="max-width:90%" id="img2" / alt="Comment définir la distance de l'image par rapport à la gauche en CSS" >
</body>
</html>Rendu :
Explication : L'unité de la valeur de l'attribut
margin-left peut utiliser px, %, em, rem, etc.
(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)
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!