HTML中的box如何定义左边距

 时间:2026-04-29 04:33:48

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如何定义左边距

  • fgo冥界圣诞攻略
  • Dreamweaver2021如何开启显示开始屏幕
  • 外省健康码已绿码粤康码仍然黄码怎么办
  • 【趣味】如何让你的电脑桌面飘起雪花
  • Dreamweaver如何快速整理代码
  • 热门搜索
    浙江千岛湖旅游攻略 驾龄几年可以上高速 公积金可以取出来吗 厦门的旅游景点 阿房宫景区 邢台旅游景点 感冒可以吃螃蟹吗 杭州乌镇旅游攻略 我想开淘宝店怎么开 二手房可以贷款吗