這篇文章主要介紹了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邊距的方法示例”這篇文章對大家有幫助,同時也希望大家多多支持創新互聯網站建設公司,,關注創新互聯行業資訊頻道,更多相關知識等著你來學習!
分享文章:html設置div邊距的方法示例-創新互聯
URL鏈接:http://m.newbst.com/article38/dcgisp.html
成都網站建設公司_創新互聯,為您提供營銷型網站建設、網站策劃、網站建設、品牌網站制作、App設計、網站收錄
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯