您好,登錄后才能下訂單哦!
這篇文章主要講解了“css中的margin如何設置”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“css中的margin如何設置”吧!
概念
1、margin是CSS層疊樣式表中用來規定圍繞在元素邊框周圍空白區域范圍的屬性。
語法
margin:auto/length
參數
auto:值被設置為相對邊的值
length:由浮點數字和單位標識符組成的長度值 | 百分數。百分數是基于父對象的高度。
注意事項
2、如果提供全部四個參數值,將按上、右、下、左的順序作用于四邊。
如果只提供一個,將用于全部的四邊。
如果提供兩個,第一個用于上、下,第二個用于左、右。
如果提供三個,第一個用于上,第二個用于左、右,第三個用于下。
實例
塊級元素的垂直相鄰外邊距會合并。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>margin</title> <style> div { margin: 20px; color: #fff; } .top { background: green; } .bottom { background: orange; } </style> </head> <body> <div>margin: 20px</div> <div>margin: 20px</div> </body> </html>
感謝各位的閱讀,以上就是“css中的margin如何設置”的內容了,經過本文的學習后,相信大家對css中的margin如何設置這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。