Comment déplacer des images vers le bas avec CSS

L'utilisation de CSS pour déplacer l'image vers le bas peut être obtenue grâce à l'attribut margin, où la valeur de la marge inférieure détermine la distance à laquelle l'image se déplace vers le bas, qui peut être une valeur en pixels ou une valeur en pourcentage.

Comment utiliser CSS pour déplacer une image vers le bas

Pour utiliser CSS pour déplacer une image vers le bas, vous pouvez utiliser l'attribut margin. margin 属性。

margin 属性

margin 属性用于在元素周围添加空白空间。它有四个值，按顺时针方向指定：

• margin-top： 上边缘的空白空间
• margin-right： 右边缘的空白空间
• margin-bottom： 下边缘的空白空间
• margin-left： 左边缘的空白空间

可以使用以下语法指定 margin 属性的值：

<code class="css">margin: <top-value> <right-value> <bottom-value> <left-value>;</code>

让图片向下移

要让图片向下移，可以增加 margin-bottom 的值。语法如下：

<code class="css">img {
  margin-bottom: <value>;
}</code>

<value>

attribut marge

L'attribut margin est utilisé pour ajouter un espace blanc autour d'un élément. Il a quatre valeurs, spécifiées dans le sens des aiguilles d'une montre :

• margin-top :

  Espace vide sur le bord supérieur

• margin-right : 🎜 Espace vide sur le bord droit
• li>
• li>
• 🎜margin-bottom : 🎜 L'espace vide au bord inférieur
• 🎜margin-left : 🎜 L'espace vide au bord gauche

🎜 peut être spécifié en utilisant la syntaxe suivante : Margin valeur de l'attribut : 🎜

<code class="css">img {
  margin-bottom: 20px;
}</code>

🎜🎜Pour déplacer l'image vers le bas🎜🎜🎜Pour déplacer l'image vers le bas, vous pouvez augmenter la valeur de margin-bottom . La syntaxe est la suivante : 🎜

<code class="css">img {
  margin-bottom: -10px;
}</code>

🎜<value> peut être une valeur de pixel (par exemple "10px") ou une valeur en pourcentage (par exemple "10%"). 🎜🎜🎜Exemple🎜🎜🎜Le code ci-dessous déplacera toutes les images de la page vers le bas de 20 pixels : 🎜rrreee🎜Vous pouvez également utiliser des valeurs négatives pour déplacer les images vers le haut. Par exemple, le code suivant déplacera toutes les images de la page vers le haut de 10 pixels : 🎜rrreee

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!