CSS怎么添加按鍵？ 在CSS中，我們可以使用偽類來創建按鍵效果。 :active 偽類，當用戶點擊并按住鼠標時，觸發該按鍵效果。 首先，我們需要定義我們的按鍵樣式：

button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}

接著，我們需要閃爍按鍵的邊框來創建一種按下按鍵的效果。對此，我們使用 box-shadow 屬性來閃爍邊框：

button:active {
box-shadow: 0 5px #666;
transform: translateY(4px);
}

這將使按鍵向下移動 4 像素，并將 box-shadow 變成黑色。這創造了一個按下按鍵的效果。 最后，我們可以添加一些鼠標懸停效果：

button:hover {
background-color: #3e8e41;
}

現在，我們已經成功地創建了一個按鍵效果！ 可以在

標簽中插入一個 button 標簽，并為該按鈕添加 id。 例如：

<p>
點擊這個<span id="myButton">按鍵</span>來觸發一些事件。
</p>

我們賦予按鈕一個 id “myButton”，并在 CSS 中為按鈕定義樣式：

#myButton {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
#myButton:active {
box-shadow: 0 5px #666;
transform: translateY(4px);
}
#myButton:hover {
background-color: #3e8e41;
}

現在我們就用 CSS 成功地創建了一個按鍵效果。