向下的距離css,即margin-bottom屬性,用于控制元素與下一個元素之間的距離。
示例代碼: p { margin-bottom: 20px; }
上述代碼表示在每個段落后面添加20個像素的間隔。
需要注意的是,當一個元素同時設置了margin-top和margin-bottom屬性時,會以較大的值作為元素與上下元素之間的距離。
示例代碼: div { margin-top: 30px; margin-bottom: 20px; }
以上代碼中,div元素與上方元素的距離為30px,與下方元素的距離為20px。
如果要取消包含元素與其子元素之間的距離,可以將包含元素的margin-bottom設置為0。
示例代碼: .container { margin-bottom: 0; } .container p { margin-bottom: 20px; }
以上代碼中,container類的元素與下一個元素之間沒有距離,而每個段落與下一個段落之間有20像素的距離。
上一篇同樣的css標簽優先級
下一篇向四周擴散的css效果