CSS中的間距英文為margin和padding。
margin指的是外邊距,即元素與其他元素之間的距離。它可以用來控制元素的位置和布局,常用的屬性包括margin-top、margin-bottom、margin-left和margin-right。
.box { margin-top: 10px; margin-bottom: 20px; margin-left: 30px; margin-right: 40px; }
padding指的是內邊距,即元素內部內容與邊框之間的距離。它可以用來控制元素內部的布局,常用的屬性包括padding-top、padding-bottom、padding-left和padding-right。
.box { padding-top: 10px; padding-bottom: 20px; padding-left: 30px; padding-right: 40px; }
需要注意的是,margin和padding的值可以用數字、百分比和關鍵字等多種類型表示。同時也可以使用縮寫屬性來同時設置四個方向的值。
.box { margin: 10px 20px 30px 40px; padding: 10px 20% 30px 40%; }
在實際開發中,合理地使用margin和padding可以使頁面的布局更加清晰、簡潔和美觀。
上一篇css間隔線長度 橫線
下一篇css間距 變局代碼