CSS樣式的邊距是指元素與其周圍元素之間的空間。這里介紹一些設置元素邊距的方法。
/* 設置上下左右上的邊距 */ margin: 10px 20px 30px 40px; /* 設置上下左右相等的邊距 */ margin: 10px; /* 設置上下邊距為20px,左右邊距為自動 */ margin: 20px auto; /* 只設置下邊距為50px */ margin-bottom: 50px;
以上代碼中,margin
屬性設置邊距,其值可為像素、百分比或em等單位。當設置為一個值時,上下左右邊距都相等。當設置為兩個值時,第一個值代表上下邊距,第二個值代表左右邊距。當設置為三個值時,第一個值代表上邊距,第二個值代表左右邊距,第三個值代表下邊距。當設置四個值時,分別代表上右下左邊距。
另外,margin-top
、margin-right
、margin-bottom
和margin-left
屬性分別用于設置上、右、下、左的邊距。它們的值也可為像素、百分比或em等單位。
通過上述方法設置邊距可以讓元素與周圍元素之間保持適當的空隙,從而改善頁面布局效果。
上一篇css樣式表行內
下一篇css樣式背景藍色代碼