CSS是網頁設計不可或缺的一部分,其中背景樣式的設置也是很重要的。在某些情況下,我們需要將背景平鋪居中,本文將介紹如何使用CSS實現這個效果。
body{ background: url(bg.jpg) repeat; background-position: center center; /*水平 垂直都居中*/ background-attachment: fixed; /*不隨著頁面滾動*/ }
以上是實現背景平鋪居中的CSS代碼,接下來我們對這些屬性進行詳細解釋:
- background:指定背景的圖片、顏色等,本例中使用了一個名為“bg.jpg”的文件作為背景圖片,并設置為重復平鋪。
- background-position:設置背景圖像在元素中的位置,本例中值為“center center”即水平及垂直都居中。
- background-attachment:設置背景圖像是否固定或隨著頁面滾動,本例中設置為“fixed”即不隨著頁面滾動。
通過以上CSS代碼,我們就可以實現背景平鋪居中的效果了。但需要注意的是,要確保背景圖片的大小不會超出元素的大小,否則就無法達到預期效果。
上一篇css背景左右比例
下一篇mysql子查詢求平均值