本文小编为大家详细介绍“html5中margin属性如何用”，内容详细，步骤清晰，细节处理妥当，希望这篇“html5中margin属性如何用”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

目前成都创新互联已为近1000家的企业提供了网站建设、域名、虚拟主机、成都网站托管、企业网站设计、剑阁网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

在html5中，margin属性用于设置元素的外边距，该属性可以设置1到4个值，用来分别设置四个外边距的值，语法为“”。

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

html5中margin属性怎么用

margin 属性设置元素的外边距。

该属性可使用 1 到 4 个值：

如果规定一个值，比如 div {margin: 50px} - 所有的外边距都是 50 px

如果规定两个值，比如 div {margin: 50px 10px} - 上下外边距是 50px，左右外边距是 10 px。

如果规定三个值，比如 div {margin: 50px 10px 20px}- 上外边距是 50 px，而左右外边距是 10 px，下外边距是 20 px。

如果规定四个值，比如 div {margin: 50px 10px 20px 30px} - 上外边距是 50 px，右外边距是 10 px，下外边距是 20 px，左外边距是 30 px。

语法：

Object.style.margin=margin

百分比（基于父对象总高度或宽度的百分比）

长度值（定义一个固定的边距）

auto（浏览器设定的值）。

示例如下：

function changeMargin()
{
document.getElementById("p1").style.margin="100px";
}




This is a paragraph

输出结果：

读到这里，这篇“html5中margin属性如何用”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注创新互联行业资讯频道。

名称栏目：html5中margin属性如何用
文章来源：http://kswsj.cn/article/jgcedo.html