淘先锋技术网

首页 1 2 3 4 5 6 7

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