在HTML中,如果要設置圖片隨意移動位置,可以使用CSS中的position屬性來控制圖片的位置。position屬性有四個值可以選擇:靜態(static),相對(relative),絕對(absolute),固定(fixed)。
其中,相對和絕對定位可以有效地控制圖片的位置。相對定位是以圖片最初的位置為基礎,進行定位,而絕對定位是以離圖片最近的具有定位屬性的父元素為基礎,進行定位。
<div style="position: relative; top: 50px; left: 50px;">
<img src="image.jpg" style="position: absolute; top: 0; left: 0;">
</div>
代碼中,我們使用相對定位來設置父元素的位置,然后使用絕對定位來設置圖片的位置。這樣就可以隨意移動圖片的位置了。
上一篇python 工業設計
下一篇HTML字體如何設置簡便