首頁  >  文章  >  web前端  >  html怎麼設定div邊距

html怎麼設定div邊距

青灯夜游
青灯夜游原創
2021-03-03 17:26:3012106瀏覽

方法:1、使用margin相關屬性給div設定外邊距(div盒子外圍四周的距離);2、使用padding相關屬性給div設定內邊距(div盒子中裝載的內容到盒子邊緣(邊框)之間距離)。

html怎麼設定div邊距

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

CSS 外邊距(margin)

#盒子的外邊距分為上右下左四個方向

外邊距的設定用來控制盒子外圍四周的距離,不屬於盒子本身範疇

外邊距的主要用途是控制盒子的位置,所以可以出現負值

CSS外邊距屬性

屬性

描述
margin 簡寫屬性。在一個聲明中設定所有外邊距屬性。
margin-bottom 設定元素的下外邊距。
margin-left 設定元素的左外邊距。
margin-right 設定元素的右外邊距。
margin-top 設定元素的上外邊距。

【推薦教學:CSS影片教學

css 內邊長(padding)

  • 盒子的內邊距分為上右下左四個方向

  • 內邊距的設定用來控制盒子中裝載的內容到盒子邊緣(邊框)之間距離。
  • 盒子的內邊距佔據的是盒子裡面的空間,最小為0,不允許出現負值。

CSS內邊距屬性

##說明#padding使用簡寫屬性設定在一個宣告中的所有填滿屬性padding-bottom設定元素的底部填充padding-left設定元素的左部填充padding-right設定元素的右部填充padding-top設定元素的頂部填充
屬性
更多程式設計相關知識,請造訪:

程式設計影片! !

以上是html怎麼設定div邊距的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn