在網頁設計中，背景圖可以給網頁增加很好的視覺效果。在CSS中，可以通過background屬性來設置背景圖。本文將介紹三張css背景圖。

// 背景圖1：平鋪
background-image: url("img/bg1.jpg");
background-repeat: repeat;
// 背景圖2：居中
background-image: url("img/bg2.jpg");
background-repeat: no-repeat;
background-position: center center;
// 背景圖3：覆蓋
background-image: url("img/bg3.jpg");
background-repeat: no-repeat;
background-size: cover;

上面是三種常用的背景圖設置方式。首先是背景圖1，通過設置background-repeat為repeat，使得背景圖能夠平鋪在整個元素區域。背景圖2通過設置background-position為center center，使得背景圖居中對齊。背景圖3則通過設置background-size為cover，讓背景圖覆蓋整個元素區域，但仍然保持其寬高比。

在實際項目中，我們可以根據需求選擇適合的背景圖設置方式，從而打造出更美觀、更有設計感的網頁。