CSS可以用來對網頁上的元素進行樣式美化,并且還可以通過CSS控制元素的排列位置。下面我們來看看如何使用CSS將一個
元素上移。
<div style="background-color:blue; height:100px; width:100px;"></div> CSS樣式代碼: div { position:relative; top:-20px; }
首先,我們先創建一個
元素,該元素的高度和寬度都為100px。為了便于觀察,我們給
添加一個藍色的背景顏色。
然后,在CSS樣式代碼中,我們使用position屬性設置元素的定位方式為相對定位,并使用top屬性設置元素相對于原來位置向上移動的距離,這里我們將其上移20px。
通過這種方式,我們就可以用CSS輕松的將元素上移或下移。