CSS背景圖在手機App的設計中扮演了很重要的角色，這是因為手機App的設計追求簡潔明了，而通過使用CSS背景圖可以達到這一目的。

通過使用CSS中background屬性的url值可以設置背景圖像，下面是應用于手機App中的示例代碼：

body {
background-image: url("background.png");
background-repeat: no-repeat;
background-size: cover;
}

上述代碼意為將頁面的背景圖像設置為background.png圖片，并設置不重復平鋪，充滿整個頁面。

為了使背景圖更適應移動設備，還需要在CSS文件中添加如下代碼：

@media screen and (max-width: 768px) {
body {
background-size: contain;
}
}

上述代碼意為如果當前設備的屏幕寬度小于768px，則將背景圖像按比例縮小，完整展現在屏幕中。

除了背景圖像，還可以通過CSS在頁面中使用icon（圖標），例如在應用程序的導航欄中使用圖標來代表不同的頁面。下面是應用于手機App中的示例代碼：

.nav-icon {
background-image: url("icon.png");
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 30px;
}

上述代碼意為將.nav-icon元素的背景圖像設置為icon.png圖片，并設置不重復平鋪，按比例縮小至適應元素大小，同時將元素的寬度和高度均設置為30px。

通過使用CSS背景圖和圖標，可以使手機App的設計更加精致、簡潔，提升用戶體驗。