站長(zhǎng)資訊網(wǎng)
在html5中，margin屬性用于設(shè)置元素的外邊距，該屬性可以設(shè)置1到4個(gè)值，用來(lái)分別設(shè)置四個(gè)外邊距的值，語(yǔ)法為“<element style="margin:上外邊距 右外邊距 下外邊距 左外邊距;">”。
本教程操作環(huán)境：windows10系統(tǒng)、HTML5版本、Dell G3電腦。
html5中margin屬性怎么用
margin 屬性設(shè)置元素的外邊距。
該屬性可使用 1 到 4 個(gè)值：
如果規(guī)定一個(gè)值，比如 div {margin: 50px} – 所有的外邊距都是 50 px
如果規(guī)定兩個(gè)值，比如 div {margin: 50px 10px} – 上下外邊距是 50px，左右外邊距是 10 px。
如果規(guī)定三個(gè)值，比如 div {margin: 50px 10px 20px}- 上外邊距是 50 px，而左右外邊距是 10 px，下外邊距是 20 px。
如果規(guī)定四個(gè)值，比如 div {margin: 50px 10px 20px 30px} – 上外邊距是 50 px，右外邊距是 10 px，下外邊距是 20 px，左外邊距是 30 px。
語(yǔ)法：
Object.style.margin=margin
百分比（基于父對(duì)象總高度或?qū)挾鹊陌俜直龋?/p>
長(zhǎng)度值（定義一個(gè)固定的邊距）
auto（瀏覽器設(shè)定的值）。
示例如下：
<html> <head> <script type="text/javascript"> function changeMargin() { document.getElementById("p1").style.margin="100px"; } </script> </head> <body> <input type="button" onclick="changeMargin()" value="Change margins of a paragraph" /> <p id="p1">This is a paragraph</p> </body> </html>
輸出結(jié)果：
推薦教程：《html視頻教程》
