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

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！