HTML中的box如何定义上边距

 时间:2024-10-13 06:52:45

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

HTML中的box如何定义上边距HTML中的box如何定义上边距

2、定义一个box,输入<div id="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如何定义上边距
  • html+css怎么实现横向导航
  • HTML页面如何给图片添加链接
  • Bootstrap中如何制作下拉菜单
  • HTML怎么实现网页跳转
  • html轮播图怎么制作
  • 热门搜索
    儿童安全知识手抄报 关于健康的手抄报图片 关爱教育手抄报 孝德手抄报 书香满园手抄报 美丽家乡手抄报 伊索寓言手抄报 三年级英语手抄报 防震减灾的手抄报 感恩老师的手抄报图片