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