CSS中的margin值通常用于設置元素之間的間距。 在CSS中,margin代表一個元素與其周圍元素之間的空白區域。
margin值可以分為四個方向,即top、right、bottom、left,也可以定義為一個值,這將應用于所有四個方向。下面的示例演示了如何將一個元素的margin設置為相同的值:
element { margin: 20px; }
上述代碼將應用20個像素的margin在元素的四個方向。 如果你需要為特定的方向設置不同的margin值,有一些方法可以完成這個目的:
margin-top:10px; //設置上面的間距為10像素 margin-right:20px; //設置右邊的間距為20像素 margin-bottom:30px; //設置下面的間距為30像素 margin-left:40px; //設置左邊的間距為40像素
除了設置固定的margin值,你也可以使用百分比值。 百分比值會根據元素的父元素的寬度計算。 下面的代碼演示了如何將左和右的margin設置為相對于父元素寬度的10%:
element { margin-left: 10%; margin-right: 10%; }
最后需要注意的是,當兩個元素之間有margin值時,它們的間距將是兩個margin值之和。 如果兩個元素的margin值都是20像素,那么它們之間的間距將是40像素。
上一篇mysql將時間加一天
下一篇mysql將時間戳轉換成