HTML 是一種用于構建網站頁面的編程語言,其中包括了很多用于頁面排版的標簽。在進行網頁排版時,上下間距是非常重要的,因為它可以讓網頁看起來更加美觀。下面我們來學習一下如何在 HTML 中設置上下間距代碼。
h1 { margin-top: 20px; margin-bottom: 20px; }
在上面的代碼中,我們使用了<h1>
標簽來定義標題,同時使用了margin-top
和margin-bottom
屬性來設置上下間距。其中,margin-top
用于設置標題與上方元素之間的間距,margin-bottom
用于設置標題與下方元素之間的間距。
除了使用margin-top
和margin-bottom
屬性來設置上下間距之外,我們也可以使用padding
屬性來實現。padding
屬性用于設置元素的內邊距,可以用來控制元素的大小和位置。下面是一個例子:
div { padding: 10px; }
在上面的代碼中,我們定義了一個<div>
元素,并設置了其內邊距為 10 像素。這樣就可以讓該元素與周圍的元素保持一定的距離,從而達到調整上下間距的效果。
下一篇css3 多陰影