So verschieben Sie Bilder mit CSS nach unten-CSS-Tutorial-php.cn

So verschieben Sie Bilder mit CSS nach unten

下次还敢

Freigeben： 2024-04-25 14:54:14

Original

1252 Leute haben es durchsucht

Die Verwendung von CSS zum Verschieben des Bildes nach unten kann über das Attribut „margin“ erreicht werden, wobei der Wert „margin-bottom“ die Entfernung bestimmt, um die sich das Bild nach unten bewegt, was ein Pixelwert oder ein Prozentwert sein kann.

So verschieben Sie Bilder mit CSS nach unten

So verwenden Sie CSS, um ein Bild nach unten zu verschieben

Um CSS zu verwenden, um ein Bild nach unten zu verschieben, können Sie das Attribut margin verwenden. 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>

Nach dem Login kopieren

让图片向下移

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

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

Nach dem Login kopieren

<value>

margin-Attribut

Das margin-Attribut wird verwendet, um Leerraum um ein Element hinzuzufügen. Es hat vier Werte, die im Uhrzeigersinn angegeben werden:

margin-top:
Leerraum am oberen Rand
margin-right: 🎜 Leerraum am rechten Rand li>
li>
🎜margin-bottom: 🎜 Der leere Raum am unteren Rand
🎜margin-left: 🎜 Der leere Raum am linken Rand

🎜 kann mit der folgenden Syntax angegeben werden: Margin-Attributwert: 🎜

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

Nach dem Login kopieren

🎜🎜Um das Bild nach unten zu verschieben🎜🎜🎜Um das Bild nach unten zu verschieben, können Sie den Wert von margin-bottom erhöhen . Die Syntax lautet wie folgt: 🎜

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

Nach dem Login kopieren

🎜<value> kann ein Pixelwert (z. B. „10px“) oder ein Prozentwert (z. B. „10 %“) sein. 🎜🎜🎜Beispiel🎜🎜🎜Der folgende Code verschiebt alle Bilder auf der Seite um 20 Pixel nach unten: 🎜rrreee🎜Sie können auch negative Werte verwenden, um Bilder nach oben zu verschieben. Der folgende Code verschiebt beispielsweise alle Bilder auf der Seite um 10 Pixel nach oben: 🎜rrreee

Das obige ist der detaillierte Inhalt vonSo verschieben Sie Bilder mit CSS nach unten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!