• margin-top:25px      (上邊界) 
  • margin-right:25px    (右邊界) 
  • margin-bottom:25px (下邊界) 
  • margin-left:25px      (左邊界)
  • margin:25px 四個邊的外距都是25px
  • border 邊框....

<div style="border: 5px solid blue;width:50%;height:150px">
<div style="margin: 15px; border: 5px solid red;"></div>
</div>
這是邊界的例子 margin: 15px


<div style="border: 5px solid blue;width:50%;height:150px">
<div style="margin: 5px; border: 5px solid red;"></div>
</div>
這是邊界的例子 margin: 5px


<div style="border: 5px solid blue;width:50%;height:150px">
<div style="margin: 5px 10px 20px 40px; border: 5px solid red;"> </div></div>
這是邊界的例子 margin: 5px 10px 20px 40px 


<div style="border: 5px solid blue;width:50%;height:150px">
<div style="margin-top: 20px; border: 5px solid red;"> </div></div>
這是邊界的例子 margin-top: 20px 


<div style="border: 5px solid blue;width:50%;height:150px">
<div style="margin-top: 20px; border: 5px solid red;"> </div></div>
這是邊界的例子 margin-top: 20px 

| css | html | CSS margin 區域 邊界距離 | border |

arrow
arrow
    全站熱搜

    c8cc168 發表在 痞客邦 留言(0) 人氣()