<的預處理器時間="CSS">p { text-align: justify; } pre { background-color: #f5f5f5; padding: 10px; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 14px; }

在前端開發中，我們經常需要美化網頁中的按鈕，使其更加美觀可愛。而其中一個需要注意的點就是按鈕的透明度。透明度可以讓網頁更加美觀和舒適。

那么如何設置按鈕的透明度呢？其實很簡單，只需要借助CSS中的opacity屬性即可。

opacity屬性可以取值0~1之間的小數，0為完全透明，1為完全不透明。

/* 設置按鈕的透明度為0.5 */
button {
opacity: 0.5;
}

當然，opacity屬性并不是所有瀏覽器都兼容。如果想要更加兼容的設置方式，可以嘗試使用rgba()函數來設置按鈕的透明度。

/* 設置按鈕的背景顏色和透明度 */
button {
background-color: rgba(0, 0, 0, 0.5);
}

其中，rgba()函數的取值分別為紅、綠、藍、透明度，可以自行調整。這種方式兼容性更好。

總之，通過設置按鈕的透明度，我們可以更好地實現網頁的美化，讓用戶獲得更好的瀏覽體驗。