CSS按鈕上字的顏色是網頁設計中非常重要的一部分，因為字的顏色能夠直接影響按鈕的可讀性和可點擊性。下面我們來一起學習如何設置CSS按鈕上字的顏色。

button {
background-color: #fff;
color: #333; /* 這里設置字體顏色為深灰色 */
border: 1px solid #ccc;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}

在這里，我們使用了color屬性來設置CSS按鈕上字的顏色。在上面的代碼中，我們將字體顏色設置為深灰色（#333）。你可以根據你需要的顏色來改變這個值。

此外，你還可以使用RGBA或HSLA顏色來為按鈕上的字設置顏色。這種顏色格式不僅可以設置顏色，還可以設置透明度。下面是一個使用RGBA顏色設置按鈕上字顏色的例子：

button {
background-color: #fff;
color: rgba(255, 0, 0, 0.8); /* 這里設置字體顏色為紅色，透明度為0.8 */
border: 1px solid #ccc;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}

在這個例子中，我們使用了RGBA格式來將字體顏色設置為紅色，透明度為0.8。這樣可以使字體顏色更加鮮明，同時也可以達到一定的透明效果。

總之，CSS按鈕上字的顏色設置能夠直接影響到網頁按鈕的可讀性和可點擊性，因此我們應該根據實際需求進行設置。