html内容左右边距的设置方法

这篇文章主要介绍了html内容左右边距的设置方法，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

html有什么特点

1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便，适合初学前端开发者使用。2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。 3、平台无关性：超级文本标记语言能够在广泛的平台上使用，这也是万维网盛行的一个原因。4、通用性：HTML是网络的通用语言，它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

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

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

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

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

感谢你能够认真阅读完这篇文章，希望小编分享的“html内容左右边距的设置方法”这篇文章对大家有帮助，同时也希望大家多多支持编程网，关注编程网行业资讯频道，更多相关知识等着你来学习!