方法:1、使用margin相關屬性給div設定外邊距(div盒子外圍四周的距離);2、使用padding相關屬性給div設定內邊距(div盒子中裝載的內容到盒子邊緣(邊框)之間距離)。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
CSS 外邊距(margin)
#盒子的外邊距分為上右下左四個方向
外邊距的設定用來控制盒子外圍四周的距離,不屬於盒子本身範疇
外邊距的主要用途是控制盒子的位置,所以可以出現負值
CSS外邊距屬性
屬性 |
描述 |
---|---|
margin | 簡寫屬性。在一個聲明中設定所有外邊距屬性。 |
margin-bottom | 設定元素的下外邊距。 |
margin-left | 設定元素的左外邊距。 |
margin-right | 設定元素的右外邊距。 |
margin-top | 設定元素的上外邊距。 |
【推薦教學:CSS影片教學 】
css 內邊長(padding)
盒子的內邊距分為上右下左四個方向
盒子的內邊距佔據的是盒子裡面的空間,最小為0,不允許出現負值。
CSS內邊距屬性
屬性 | ##說明|
---|---|
使用簡寫屬性設定在一個宣告中的所有填滿屬性 | |
設定元素的底部填充 | |
設定元素的左部填充 | |
設定元素的右部填充 | |
設定元素的頂部填充 |
程式設計影片! !
以上是html怎麼設定div邊距的詳細內容。更多資訊請關注PHP中文網其他相關文章!