So verschieben Sie Bilder mit CSS nach oben

Sie können das Bild über das CSS-Attribut „top“ nach oben verschieben, das den vertikalen Versatz des Bildes relativ zum übergeordneten Element angibt. Die Schritte sind wie folgt: 1. Wählen Sie das Bildelement aus. 2. Geben Sie mit dem oberen Attribut den Betrag der Aufwärtsbewegung des Bildes an. Die Einheit kann Pixel, Prozentsatz, em oder rem sein.

So verwenden Sie CSS, um das Bild nach oben zu verschieben

Um das Bild nach oben zu verschieben, können Sie das CSS-Attribut top verwenden. Diese Eigenschaft gibt den vertikalen Versatz des Elements relativ zu seinem übergeordneten Element an. top 属性。该属性指定元素相对于其父元素的垂直偏移。

步骤：

1. 选择要移动的图片元素。
2. 使用 top 属性指定图片向上移动的量。
3. 单位可以用像素（px）、百分比（%）、em 或 rem。

示例代码：

img {
  top: -20px;
}

这将使图片向上移动 20 像素。

注意：

• 负值表示图片向上移动。
• 正值表示图片向下移动。
• 如果没有指定单位，单位默认为像素。
• 如果将 top

Schritte: 🎜🎜

1. Wählen Sie das Bildelement aus, das Sie verschieben möchten. 🎜
2. Verwenden Sie das Attribut top, um den Betrag anzugeben, um den sich das Bild nach oben bewegt. 🎜
3. Die Einheit kann Pixel (px), Prozentsatz (%), em oder rem sein. 🎜

🎜🎜Beispielcode: 🎜🎜rrreee🎜Dadurch wird das Bild um 20 Pixel nach oben verschoben. 🎜🎜🎜Hinweis: 🎜🎜

• Negative Werte bedeuten, dass sich das Bild nach oben bewegt. 🎜
• Positive Werte bedeuten, dass sich das Bild nach unten bewegt. 🎜
• Wenn keine Einheit angegeben ist, wird standardmäßig auf Pixel zurückgegriffen. 🎜
• Wenn das Attribut top auf ein Element auf Blockebene angewendet wird, wird es relativ zum oberen Rand des Füllfelds seines übergeordneten Elements verschoben. Bei Inline-Elementen wird es relativ zur Grundlinie seines übergeordneten Elements verschoben. 🎜🎜

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