当先锋百科网

首页 1 2 3 4 5 6 7

css将div上移

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