CSS可以讓圖片下移,這個功能在網頁設計中非常常見,讓我們先看一下下移圖片的效果。
img {
margin-top: 50px;
}
在CSS中,用margin-top屬性來控制圖片上邊緣與容器頂部的距離,這個值可以按照需要進行調整。其實除了margin-top,我們還可以使用padding-top屬性來控制圖片位置,padding-top是用來控制容器頂部與圖片上邊緣的距離。我們可以看下面的示例代碼:
.container {
padding-top: 50px;
}
img {
display: block;
margin: 0 auto;
}
以上代碼中,我們給圖片的父元素.container添加了padding-top屬性,使得圖片上移50px,同時使用了margin: 0 auto屬性,讓圖片居中顯示。
總的來說,讓圖片下移的方法有很多,可以使用margin-top、padding-top屬性來進行控制,也可以通過改變父元素的位置讓圖片下移。
上一篇css顏色代碼三位
下一篇css顏色與背景顏色