使用 css 讓圖片向下移可以通過 margin 屬性實現,其中 margin-bottom 值決定圖片下移距離,可以是像素值或百分比值。
如何使用 CSS 讓圖片向下移
要使用 CSS 讓圖片向下移,可以使用 margin
屬性。
margin 屬性
margin
屬性用于在元素周圍添加空白空間。它有四個值,按順時針方向指定:
margin-top: 上邊緣的空白空間
margin-right: 右邊緣的空白空間
margin-bottom: 下邊緣的空白空間
margin-left: 左邊緣的空白空間
可以使用以下語法指定 margin
屬性的值:
<code class="<a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css">margin: <top-value><right-value><bottom-value><left-value>;</left-value></bottom-value></right-value></top-value></code>
登錄后復制
讓圖片向下移
要讓圖片向下移,可以增加 margin-bottom
的值。語法如下:
<code class="css">img { margin-bottom: <value>; }</value></code>
登錄后復制
<value></value>
可以是像素值(例如 “10px”)或百分比值(例如 “10%”)。
示例
下面的代碼將使頁面中的所有圖片向下移動 20 像素:
<code class="css">img { margin-bottom: 20px; }</code>
登錄后復制
你還可以使用負值將圖片向上移動。例如,以下代碼將使頁面中的所有圖片向上移動 10 像素:
<code class="css">img { margin-bottom: -10px; }</code>
登錄后復制