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