可以通過 css 的 top 屬性讓圖片往上移動(dòng),該屬性指定圖片相對(duì)于父元素的垂直偏移量。步驟如下:1. 選擇圖片元素;2. 使用 top 屬性指定圖片向上移動(dòng)量,單位可為像素、百分比、em 或 rem。
如何使用 CSS 讓圖片往上移
要讓圖片往上移,可以使用 CSS 的 top
屬性。該屬性指定元素相對(duì)于其父元素的垂直偏移。
步驟:
-
選擇要移動(dòng)的圖片元素。
使用
top
屬性指定圖片向上移動(dòng)的量。單位可以用像素(px)、百分比(%)、em 或 rem。
示例代碼:
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">img { top: -20px; }</code>
登錄后復(fù)制
這將使圖片向上移動(dòng) 20 像素。
注意:
負(fù)值表示圖片向上移動(dòng)。
正值表示圖片向下移動(dòng)。
如果沒有指定單位,單位默認(rèn)為像素。
如果將 top
屬性應(yīng)用于一個(gè)塊級(jí)元素,它將相對(duì)其父元素的內(nèi)邊距框頂部移動(dòng)。對(duì)于內(nèi)聯(lián)元素,它會(huì)相對(duì)其父元素的基線移動(dòng)。