• 技术文章 >web前端 >前端问答

    html怎么设置左边距

    藏色散人藏色散人2021-04-12 10:36:25原创1175

    html设置左边距的方法:首先新建一个HTML文档;然后定义一个box;接着在head标签输入style标签;最后在“#box1”里输入“position:absolute;”定位,并输入letf定义左边距即可。

    本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

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

    d9306d6e6f0d9a92b74768fa7bf0580.png

    定义一个box,输入

    <div id="box1"></div>

    如图所示

    527dfc76a5338070a0e0159b1a2bda4.png

    然后在head标签输入style标签

    36936f1a8e689c763c20cbf521d1f70.png

    定义box的颜色和大小,在style标签里输入

             width: 100px; 
            height: 100px; 
            background-color: #000000;

    如图所示

    36936f1a8e689c763c20cbf521d1f70.png

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

    59646fb616e02a508cb1accf1899c66.png

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

    3374c40db15657f1eeea788d02c5f13.png

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

    928ea34afbb054c73567f9e4fed43cf.png

    【推荐学习:HTML视频教程

    以上就是html怎么设置左边距的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html
    上一篇:html5 边框怎么设置 下一篇:怎么删除html的注释
    第16期线上培训班

    相关文章推荐

    • html怎么设置列宽• html5怎么禁止横屏• html的块元素有哪些• html怎么去掉空格• html5 边框怎么设置

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网