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轻松的将元素上移或下移。