CSS背景圖測量是前端開發經常需要做的事情。它用于指定背景圖片在頁面上顯示的尺寸和位置。在此我們介紹一下如何使用CSS來進行背景圖測量。

首先，我們需要在CSS中指定背景圖片的URL。比如我們要使用一張名為background.jpg的圖片作為背景，代碼如下：

background-image: url(background.jpg);

接下來，我們需要指定背景圖片的尺寸和位置。具體方法如下：

background-size: 寬度 高度; /* 設置背景圖片的尺寸，常用的值有auto、cover、contain等 */
background-position: 水平方向 垂直方向; /* 設置背景圖片位置，可以用像素值或百分比等 */

下面我們來看幾個例子：

/* 例一：指定背景圖片在容器中按比例居中顯示 */
background-image: url(background.jpg);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
/* 例二：將背景圖片沿水平方向平鋪 */
background-image: url(background.jpg);
background-repeat: repeat-x;
background-size: auto;
/* 例三：指定背景圖片在容器中顯示，圖片尺寸大于容器尺寸時居中截取 */
background-image: url(background.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;

總之，CSS背景圖測量是前端開發中非常重要的一部分，只有深入了解它，才能編寫出更加出色的網頁頁面。