CSS背景上下居中代碼怎么寫?
在CSS中,要使背景圖片上下居中,可以使用background-position
屬性,這個屬性可以指定背景圖片的位置,要居中圖片,可以使用center
關鍵詞,它會使圖片在水平和垂直方向上都居中。
以下是一個示例代碼:
div { width: 300px; height: 200px; background-image: url('image.jpg'); background-position: center; }
在這個示例中,div
元素的寬度為300像素,高度為200像素,背景圖片image.jpg
會被應用到這個div
元素上,并且圖片會在水平和垂直方向上都居中。
如果你只想在垂直方向上居中圖片,可以使用top
和bottom
關鍵詞來調整圖片的位置。background-position: center top;
會使圖片在垂直方向上居中,而在水平方向上會靠左對齊,相反,background-position: center bottom;
會使圖片在垂直方向上居中,而在水平方向上會靠右對齊。
希望這些信息對你有所幫助!如果你有任何其他問題,請隨時提問。