CSS 中如何設置 Button

Button 是網頁設計中常用的元素之一，它能讓用戶通過點擊來觸發一些操作或跳轉到其他頁面。在 CSS 中，可以通過設置 Button 的樣式來使其更加美觀和符合設計要求。

下面是一些設置 Button 的 CSS 樣式：

/* 設置 Button 的背景色和文本顏色 */
button {
background-color: #4CAF50;
color: white;
}
/* 設置 Button 的邊框樣式 */
button {
border: 2px solid #4CAF50;
}
/* 設置 Button 的圓角 */
button {
border-radius: 5px;
}
/* 設置 Button 的大小 */
button {
width: 100px;
height: 50px;
}
/* 設置 Button 的陰影效果 */
button {
box-shadow: 2px 2px 5px #888;
}
/* 設置 Button 的懸浮效果 */
button:hover {
background-color: #3e8e41;
}
/* 設置 Button 的點擊效果 */
button:active {
background-color: #3e8e41;
box-shadow: 0 2px #666;
transform: translateY(2px);
}

通過上面的樣式設置，我們可以讓 Button 實現更加美觀、醒目的效果，提高網頁的用戶體驗。