margin: 10px 5px 15px 20px;表示上外邊距是性用10px，右外邊距是性(xing)用ヾ(′▽?zhuān)??5px，(′▽?zhuān)?下(xia)外邊距是性用15px，左外邊距是性用20px。margin屬性還可以設置為負值，性用但使用時(shí)需要小心 。性用HTML5中的margin屬性是一┐(′?｀)┌個(gè)非常重要的CSS屬性，它用于設置元素的外邊距，即元素與其周?chē)臻g的距離(li)，在HTML5中，m??a(?_?;)rgin屬性可以應用于幾乎所有的HTML元素，包括塊級元素、行內元素和表格等，本文將詳細介紹HTML5中(?_?;)margin屬性的使用方法和技巧。
1、單獨設置一個(gè)方向的外邊距
要單獨設置一個(gè)方向的外邊距(??ヮ?)?*:???，可以使用以(′▽?zhuān)?下語(yǔ)法：
element { ma(??-)?rgin-top: value; margin-right: value; margi(?Д?)n-bottom: value; margin-left: value;}value表示外邊距的大小，(╬?益?)可以是具體的數值，也可以是百分比、em或rem等單位，設置一個(gè)div元素的上(shang)邊距為20像素，右邊距為30像素，下邊距為40像素，左邊距為50像素：
div { margin-top┐(′?｀)┌: 20px; margin-right: 30px; margin-bottom: 40px; margin-left: 50px;}2、同時(shí)設置四個(gè)方向的外邊距
要同時(shí)設置四個(gè)方向的外邊距，可以使用以下簡(jiǎn)寫(xiě)語(yǔ)法：
e??lement { margin: value;}或者使用兩個(gè)值分別表示上下外邊距和左右外邊距：
element { marg(°□°)in: top right bottom left;}設置一個(gè)div元素的外邊距為20像素：
div { margin: 20px;}div { margin: 10px 20px 30px 40px;}<p>這是一個(gè)段落。</p><div&(′?｀)gt;這是一個(gè)div元素。&(╬?益?)lt;/div>
p { margin-bottom: 10px;}div { margin-top: 20px;}在這個(gè)例(′?_?`)子中，段落的下邊距（10(T_T)像素）與(yu)div元素的上邊距（20像素）(′?｀)會(huì )(hui)合并成一個(gè)新的外邊距（30像素??），為了解決這個(gè)問(wèn)題，可以使用偽元素（：:before或：:after）來(lái)創(chuàng )建一個(gè)新的塊級容器：
p??::before { content: "";?? display: block; margin-bottom: 10px??;}div { margin-(′-ι_-｀)top: 20px;}<!DOCTY( ?° ?? ?°)PE html><html><head><style> div { width: 200px; borde(′；ω；`)r: 1px solid bl(╯‵□′)╯ack; padding: 10px; margin: auto; /* 自動(dòng)計算外邊距 */ }</s(′Д` )tyle></head><body><div>這是一個(gè)div元素。</div></body></html>在這個(gè)例子中，div元素的寬度為200像素，左右外邊距各為10像素，由于瀏覽器會(huì )自動(dòng)計算外邊距的值，所以當瀏覽器窗口的寬度小于320像素時(shí)，左右外邊(bian)距會(huì )自動(dòng)變?yōu)榱?，當瀏覽器窗口的寬度大于320像素時(shí)，左右外邊距會(huì )保持為10像素。
電話(huà)：13332133228
網(wǎng) 址：http://www.hunqingrc.com/
地 址：上海市黃浦66號