使用 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>
登錄后復制






