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

HTML中的box如何定义左边距

时间:2024-10-13 11:28:24

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

HTML中的box如何定义左边距
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;定位,输入letf定义左边距,输入left: 100px;表示距离屏幕左边100个像素,如图所示

HTML中的box如何定义左边距

7、最后按f12预览可以看到正方形有距离左边远了一些

HTML中的box如何定义左边距
© 手抄报圈