在開發網頁時，我們會經常用到CSS這個語言，它可以幫助我們實現網頁的樣式設定。其中，CSS的背景屬性也是我們經常使用的一個屬性，今天我們來聊一下CSS背景的拉伸和平鋪效果。

首先，我們來看一下CSS的背景大小屬性：background-size。這個屬性可以幫助我們指定背景圖片的大小，有兩個常見的取值：

background-size: cover; /* 背景圖片會被拉伸，以覆蓋整個背景區域 */
background-size: contain; /* 背景圖片會被縮放，保持完整，但可能不能覆蓋整個背景區域 */

除了以上兩個取值，我們還可以自己指定一個具體的數值，比如：

background-size: 50% 50%; /* 寬度和高度都為父元素的50% */
background-size: 100px 200px; /* 寬度為100px，高度為200px */

接下來，我們再來看一下CSS的背景平鋪屬性：background-repeat。這個屬性可以幫助我們指定背景圖片的平鋪方式，有四個常見的取值：

background-repeat: repeat; /* 背景圖片在水平和垂直方向上平鋪 */
background-repeat: repeat-x; /* 背景圖片在水平方向上平鋪，不在垂直方向上平鋪 */
background-repeat: repeat-y; /* 背景圖片在垂直方向上平鋪，不在水平方向上平鋪 */
background-repeat: no-repeat; /* 背景圖片不平鋪 */

以上就是CSS背景的拉伸和平鋪效果的相關屬性介紹，希望對大家有所幫助。