邊距屬性是用來設置頁面中一個元素所占空間的邊緣到相鄰元素之間的距離。 左邊距屬性(margin-left) 這個屬性用來設定左邊距的寬度。示例如下：.d1{margin-left:1cm} 示例： HTML HEAD TITLE CSS左邊距屬性 margin-left /TITLE STYLE type="text/css" .D1{border:1px solid #FF0000;} .D2{border:1px solid gray;} .D3{margin-left:1cm;border:1px solid gray;} /STYLE /HEAD BODY DIV DIV 沒有margin /DIV /DIV P 上面兩個div沒有設置邊距屬性(margin)，僅設置了邊框屬性(border)。外面那個div的border設為紅色，里面那個div的border屬性設為灰色。 /P HR P 和上面兩個div的CSS屬性設置唯一不同的是，下面兩個div中，里面的那個div設置了左邊距屬性(margin-left)，表示這個div左邊距為1厘米。 /P DIV DIV margin-left設為1cm /DIV /DIV /BODY /HTML 右邊距屬性(margin-right) 這個屬性用來設定右邊距的寬度。示例如下：.d1 {margin-right:1cm} 演示示例請參照左邊距屬性示例，只要將里面的margin-left改成margin-right即可。 上邊距屬性(margin-top) 這個屬性用來設定上邊距的寬度。示例如下： .d1 {margin-top:1cm} 演示示例請參照左邊距屬性示例，只要將里面的margin-left改成margin-top即可。 下邊距屬性(margin-bottom) 這個屬性用來設定下邊距的寬度。示例如下：.d1{margin-bottom:1cm} 演示示例請參照左邊距屬性示例，只要將里面的margin-left改成margin-bottom即可。 邊距屬性(margin) 這個屬性是設定邊距寬度的一個快捷的綜合寫法，用這個屬性可以同時設定上下左右邊距屬性。 你可以為上下左右邊距設置相同的寬度。示例入下：.d1 {margin:1cm} 你也可以分別設置邊距，順序是上，右，下，左。示例如下：.d1 {margin:1cm 2cm 3cm 4cm} 上面的代碼表示，上邊距為1cm，右邊距為2cm，下邊距為3cm，左邊距為4cm。 示例：上下左右邊距寬度相同 HTML HEAD TITLE CSS邊距屬性 margin /TITLE STYLE type="text/css" .D1{border:1px solid #FF0000;} .D2{border:1px solid gray;} .D3{margin:1cm;border:1px solid gray;} /STYLE /HEAD BODY DIV DIV 沒有margin /DIV /DIV P 上面兩個div沒有設置邊距屬性(margin)，僅設置了邊框屬性(border)。外面那個div的border設為紅色，里面那個div的border屬性設為灰色。 /P HR P 和上面兩個div的CSS屬性設置唯一不同的是，下面兩個div中，里面的那個div設置了邊距屬性(margin)，邊距為1厘米，表示這個div上下左右的邊距都為1厘米。 /P DIV DIV margin設為1cm /DIV /DIV /BODY /HTML 示例：上下左右邊距寬度各不相同 HTML HEAD TITLE CSS邊距屬性 margin /TITLE STYLE type="text/css" .D1{border:1px solid #FF0000;} .D2{border:1px solid gray;} .D3{margin:0.5cm 1cm 2.5cm 1.5cm;border:1px solid gray;} /STYLE /HEAD BODY DIV DIV 沒有margin /DIV /DIV P 上面兩個div沒有設置邊距屬性(margin)，僅設置了邊框屬性(border)。外面那個div的border設為紅色，里面那個div的border屬性設為灰色。 /P P 和上面兩個div的CSS屬性設置不同的是，下面兩個div中，里面的那個div設置了邊距屬性(margin)，設定上邊距為0.5cm，右邊距為1cm，下邊距為2.5cm，左邊距為1.5cm。 /P DIV DIV 上下左右邊距寬度各不同 /DIV /DIV /BODY /HTMLhtml教程
