CSS中的背景可以添加圖片、顏色、漸變等視覺效果，使網頁更加豐富多彩。本篇文章將介紹CSS中如何計算背景的相關知識。

background-size: 寬度 高度;
background-position: 橫向位置 縱向位置;

首先，讓我們來看看如何使用background-size屬性來設置背景的大小。該屬性有兩個值，分別是寬度和高度，可以使用px、em、百分比等單位。如果只設置一個值，則另一個值會自動按比例縮放。例如，使用以下代碼將背景圖片的寬度設置為400px，高度自適應。

background-size: 400px auto;

除了具體的像素、em等單位外，也可以使用百分比來設置背景大小，如下所示：

background-size: 50% 50%;

上面的代碼會讓背景圖片只占用元素的一半大小。 接下來，讓我們來看看如何使用background-position屬性來控制背景的位置。如上述代碼所示，background-position屬性可以設置背景圖片在水平和垂直方向上的位置，也可以使用px、em等單位，還可以使用left、right、center、top、bottom等具體的位置值。例如，以下代碼將背景圖片上移50px。

background-position: center top -50px;

另外，如果只設置一個值，則會自動設置為水平方向的位置值，如下所示：

background-position: center;

最后，需要注意的是，設置背景大小和位置時，我們可以同時設置多個背景，如下所示：

background: url("bg1.png") no-repeat center top / 100% auto, url("bg2.png") no-repeat center bottom / cover;

上述代碼使用了多種屬性值來設置兩個不同的背景，大家可以根據自己的需求靈活運用。