手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

设置div距离顶部距离教程

时间:2024-10-12 15:56:04

1、打开编辑器,新建一个HTML文档。

设置div距离顶部距离教程

2、新建一个CSS文档,并且进行关联。

设置div距离顶部距离教程

3、这里我们创建一个div,并且设置颜色和大小。

设置div距离顶部距离教程

4、我们可以用position: relative来进行偏移顶部。

设置div距离顶部距离教程

5、也可以用position: absolute,效果是一样的。

设置div距离顶部距离教程
设置div距离顶部距离教程

6、当然还可以用margin-top: 20px来进行偏移。

设置div距离顶部距离教程
© 手抄报圈