首页 >web前端 >html教程 > 正文

html内容左右边距怎么设置

原创2021-05-17 17:27:1003225

在html中,可以使用padding属性设置内容左右边距,只需要给元素设置“padding:0 数值+单位|百分比数值”即可。padding属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。padding属性不允许指定负边距值。

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

首先新建一个HTML文件,然后在里面创建一个div块,设置背景颜色为红色并插入一些文字:接下来就可以设置边距了,设置边距可以使用“padding”加上下左右(top,bottom,left、right)来设置,比如这里用padding-top属性把文字离边框的上边距设置为50px,可以看到文字离上边距有50个像素:

{~J%F50ZIEI{ZX{JBJU}9[U.jpg

当然也可以同时设置四个边界,直接用padding属性设置就可以了。这里设置padding属性为100px,此时在右面就可以看到,下面的文字上下左右都有间隔了。以上就是设置div的边距的方法:

TD{W5[0]PN5NB1C@UHV(PS8.jpg

推荐学习:html视频教程

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

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html 边距
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    醉折花枝作酒筹

    飞花飘絮,霓裳翩翩舞,几多情愫心飞扬。

    最近文章
    css如何设置指定网格的大小和位置462
    css如何定义网格线大小1153
    教你一招搞定css背景图的大小833
    推荐视频教程
  • HTML 中文开发手册HTML 中文开发手册
  • html5开发实战之百度外卖手机站前端制作html5开发实战之百度外卖手机站前端制作
  • HTML+CSS网页基础HTML+CSS网页基础
  • HTML5 极速入门HTML5 极速入门
  • 视频教程分类