小程序作為一種全新的應用模式，給我們帶來了許多便捷的服務。在開發小程序時，我們通常需要對樣式進行調整，以適應不同的需求和場景。下面我們來看一下如何修改小程序的 CSS 樣式。

首先，我們需要找到需要修改的 CSS 文件。在小程序的開發工具中，一般是在 app.wxss 中進行修改。在這個文件中，我們會看到一些基本的樣式模板。接下來，我們可以根據不同的需求，對這些模板進行修改。比如，如果我們想要修改頁面的背景色，可以將下面這段代碼添加到 app.wxss 中：

page {
background-color: #f5f5f5;
}

這段代碼中，我們利用了 CSS 選擇器 page，選中了小程序中的頁面，并設置了其背景色為 #f5f5f5。這樣，在我們預覽小程序時，頁面的背景色就會變成淺灰色了。

除了以上的簡單修改外，我們也可以利用 CSS 進一步美化小程序的 UI。比如，我們可以添加一個懸浮按鈕，讓用戶可以快速返回頁面頂部。具體代碼如下：

/*在 app.wxss 文件中添加如下代碼*/
.go-top{
position:fixed;
right:20px;
bottom:50px;
width:70px;
height:70px;
border-radius:50%;
background-color:#4CAF50;
text-align:center;
line-height:70px;
color:white;
font-size:30px;
box-shadow:5px 5px 20px #999; 
}

這段代碼中，我們給 .go-top 元素設置了定位、寬高、圓角、背景色、字體、陰影等屬性，從而讓其看起來更加美觀。然后，在需要添加懸浮按鈕的頁面中，可以通過如下代碼引入并使用：

回到頂部

通過以上的修改，我們可以看到小程序 UI 的變化和提升，實現更好的用戶體驗。