小程序是一個全新的應用形式，它可以在微信、支付寶等社交平臺中運行，為用戶提供更加方便快捷的服務。小程序開發中，CSS樣式是一個非常重要的部分，通過CSS樣式可以為小程序添加各種視覺效果，比如點擊按鈕后變色等效果。

.button{
width: 100px;
height: 40px;
background-color: #f00;
border-radius: 20px;
text-align: center;
line-height: 40px;
color: #fff;
}
.button:active{
background-color: #ff0;
color: #000;
}

在上述代碼中，.button是按鈕的class樣式，設置了按鈕的寬、高、背景色、圓角半徑、文本對齊方式以及顏色等屬性。當按鈕被點擊時，可以通過:active偽類來設置按鈕的樣式。在這里，我們設置按鈕的背景色為黃色，文本顏色為黑色。

使用CSS為小程序添加點擊變色效果可以增加用戶的體驗感，同時也能讓小程序更加美觀。希望開發者們能夠通過學習CSS樣式的應用，為小程序提供更加優秀的服務。