CSS底圖是指在網頁的背景中設置一張圖片或者顏色作為整個頁面的底圖。CSS底圖的應用可以使網頁變得更加美觀、清新，同時也能增加網站的個性化和可訪問性。

在CSS中，我們可以使用background屬性來設置底圖。background屬性可以接收多個參數，包括顏色、圖片、位置、尺寸等。以下是一個基本的例子：

body {
background: #ffffff url("bg.jpg") no-repeat center center fixed;
background-size: cover;
}

在這個例子中，我們設置了一個白色的背景和一張名為bg.jpg的圖片作為背景，同時將其置于頁面中央，不進行平鋪，并且設置為固定不動的背景。最后，我們使用background-size屬性將圖片按照頁面的尺寸進行縮放，使其更加適合屏幕。

除了設置圖片之外，我們還可以使用CSS的漸變屬性來實現更加豐富的底圖效果。CSS漸變可以在背景上實現多種色彩的過渡效果，常用的有線性漸變、徑向漸變等。以下是一個簡單的例子：

body {
background: linear-gradient(90deg, #FFFFFF, #000000);
}

在這個例子中，我們設置了一個從白色到黑色的水平漸變背景色。漸變的方向是90度，也就是水平的方向，白色和黑色分別代表起點和終點的顏色。

以上介紹的只是CSS底圖的基本應用方式，通過調整屬性的值，可以實現更加復雜的效果。在使用CSS底圖的過程中需要注意，不要讓背景過于花哨，否則可能會對用戶產生視覺上的壓力，影響到用戶的使用體驗。