溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了html設置div邊距的方法示例，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
方法：1、使用margin相關屬性給div設置外邊距（div盒子外圍四周的距離）；2、使用padding相關屬性給div設置內邊距（div盒子中裝載的內容到盒子邊緣（邊框）之間距離）。
CSS 外邊距（margin）
盒子的外邊距分為上右下左四個方向
外邊距的設定用來控制盒子外圍四周的距離，不屬于盒子本身范疇
外邊距的主要用途是控制盒子的位置，所以可以出現負值
CSS外邊距屬性
屬性 | 描述 |
|---|---|
| margin | 簡寫屬性。在一個聲明中設置所有外邊距屬性。 |
| margin-bottom | 設置元素的下外邊距。 |
| margin-left | 設置元素的左外邊距。 |
| margin-right | 設置元素的右外邊距。 |
| margin-top | 設置元素的上外邊距。 |
【 】
css 內邊距（padding）
盒子的內邊距分為上右下左四個方向
內邊距的設定用來控制盒子中裝載的內容到盒子邊緣（邊框）之間距離。
盒子的內邊距占據的是盒子里面的空間，最小為0，不允許出現負值。
CSS內邊距屬性
| 屬性 | 說明 |
|---|---|
| padding | 使用簡寫屬性設置在一個聲明中的所有填充屬性 |
| padding-bottom | 設置元素的底部填充 |
| padding-left | 設置元素的左部填充 |
| padding-right | 設置元素的右部填充 |
| padding-top | 設置元素的頂部填充 |
感謝你能夠認真閱讀完這篇文章，希望小編分享的“html設置div邊距的方法示例”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
