CSS是站點開發中不可或缺的語言，通過它我們可以控制網頁布局、文字樣式、圖片顯示等多個方面。其中，背景圖片是我們在美化站點時經常用到的元素，也是讓我們尋求一種更好的展示方式的一種方法，那么，如何通過CSS來設置背景圖片的尺寸呢？ 一、background-size background-size是CSS3新加入的一個可用于設置背景圖片大小的屬性，它可以用來調整背景圖片尺寸。使用方法如下： pre{ background-image:url("bg.jpg"); background-size:cover; } 上述代碼表示將背景圖片設置為"bg.jpg"，同時將其尺寸縮放至完全覆蓋"pre"元素。cover是一種常見的屬性值，表示將背景圖片等比例縮放以覆蓋容器，可以按照實際情況調整。 二、background-repeat background-repeat是用來設置背景圖片是否重復的屬性，背景圖片一般會在頁面中重復顯示。如果你想要設置背景圖片不重復，可以使用no-repeat屬性值，示例如下： pre{ background-image:url("bg.jpg"); background-size: cover; background-repeat: no-repeat; } 通過將background-repeat設置為no-repeat，就可以顯示不重復的背景圖片了。 三、background-position background-position用于設置圖片的位置，示例如下： pre{ background-image: url("bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; } 上述代碼表示把背景圖片置于"pre"元素的頂部中央，也可根據需要進行調整。 將背景圖片設置為合適的尺寸，不僅可以讓站點更加美觀，也可以提升用戶的瀏覽體驗。以上介紹的幾種CSS屬性可用于調整背景圖片的展示效果，通過不斷嘗試，可以找到一種最適合站點的背景圖片展示方式。