H5中的圖片向下移動是通過CSS控制實現的。CSS中有兩個屬性可以實現這一功能,分別是position和top。
img { position: relative; top: 50px; }
上面的代碼中,我們將圖片的position屬性設置為relative,這樣就可以在原有位置基礎上進行移動。然后通過top屬性設定向下移動的距離,這里我們設定為50px。
如果要移動的距離比較大,可以設置為負數,表示向上移動。
img { position: relative; top: -100px; }
當然,還有其他的屬性可以用來控制圖片的位置,如left、right、bottom等。
img { position: absolute; left: 50%; transform: translateX(-50%); }
上面的代碼實現了將圖片水平居中,也可以根據實際需要進行調整。
總之,CSS提供了豐富的屬性來控制圖片的位置,我們可以根據需求選擇適合的方式來實現圖片向下移動。