CSS中的外邊距(margin)是用來控制元素外部的空間的,與內邊距相反是影響元素內部的空間的。
p { margin-left: 20px; /* 左外邊距為20px */ }
在上面的代碼中,我們設置了段落p元素的左外邊距為20px。這意味著元素左側會有20px的空間,可以用來分隔不同元素。如果我們希望設置頂部和底部的外邊距,我們可以使用margin-top和margin-bottom屬性。
p { margin-top: 10px; /* 頂部外邊距為10px */ margin-right: 5px; /* 右外邊距為5px */ margin-bottom: 15px; /* 底部外邊距為15px */ margin-left: 20px; /* 左外邊距為20px */ }
以上代碼設置了p元素的四個外邊距。注意,我們可以使用縮寫屬性margin來同時設置四個外邊距。如下所示:
p { margin: 10px 5px 15px 20px; /* 頂部10px,右5px,底15px,左20px */ }
最后,我們還可以使用負值來設置外邊距,可以使元素在頁面上有重疊的效果。如下所示:
p { margin-left: -10px; /* 左外邊距為負值,向左重疊10px */ }
以上就是CSS中的左外邊距代碼的用法,我們可以根據自己的需要來設置元素的外邊距。記得使用縮寫屬性可以方便快捷地同時設置四個方向的外邊距。
上一篇css左右等分邊距
下一篇css左右切換動畫效果