养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

HTML中的box如何定义上边距

时间:2024-10-11 08:24:15

HTML中的box如何定义上边距

工具/原料

dw

方法/步骤

1、新建一个HTML文档,如图所示

HTML中的box如何定义上边距

HTML中的box如何定义上边距

2、定义一个box,输入<divid="box1"></div>如图所示

HTML中的box如何定义上边距

3、在head标签输入style标签如图所示

HTML中的box如何定义上边距

4、定义box的颜色和大小,在style标签里输入 width:100px;height:100px;background-color:#000000;如图所示

HTML中的box如何定义上边距

5、按f12预览可以看到一个黑色的正方形

HTML中的box如何定义上边距

6、回到dw,在#box1里输入position:absolute;定位,输入top定义左边距,输入top:200px;表示距离屏幕上边200个像素,如图所示

HTML中的box如何定义上边距

7、最后按Ctrl+s保存,按f12预览,对比之前的正方形位置可以看到正方形向下移动了200个像素

HTML中的box如何定义上边距

© 一点知识