CSS中的按鈕樣式是網頁設計的重要組成部分，因為它直接影響用戶體驗。在CSS中，可以使用多種方式對按鈕進行樣式設置，下面我們來介紹一些核心的樣式屬性。

/* 設置按鈕的背景色 */
button {
background-color: #4CAF50;
color: white;
}
/* 設置按鈕的邊框樣式 */
button {
border: 2px solid #4CAF50;
border-radius: 5px;
}
/* 設置按鈕的陰影效果 */
button {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
/* 設置按鈕的懸停效果 */
button:hover {
background-color: #3e8e41;
}
/* 設置按鈕的被點擊后的效果 */
button:active {
background-color: #3e8e41;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
/* 禁用按鈕 */
button:disabled {
opacity: 0.6;
cursor: not-allowed;
}

通過上述樣式屬性的設置，可以優化網頁中的按鈕樣式，提高用戶體驗。比如設置按鈕的背景色、邊框樣式和陰影效果，可以使按鈕在頁面中更加突出醒目，增強用戶注意力；設置按鈕的懸停效果和點擊效果，則可以使用戶更加直觀地感知按鈕的功能和狀態；同時，禁用按鈕也是一種很好的用戶提示方式，可以避免用戶誤操作。