在網(wǎng)頁設(shè)計中，常常會使用到按鈕。而當用戶按下按鈕時，我們通常需要改變按鈕的顏色、形狀或者大小等等來表現(xiàn)出按鈕被按下的效果。在 CSS 中，我們可以使用偽類來達到這種效果。

使用偽類 :active 可以選中一個被激活的元素，比如一個被按下的按鈕。在 :active 中我們可以設(shè)置元素的顏色、背景、邊框等等樣式，以達到按鈕被按下的效果。

button:active {
background-color: gray;
color: white;
border: 1px solid black;
}

上面的 CSS 代碼會在按鈕被按下時將背景色設(shè)置為灰色，文字顏色設(shè)置為白色，并且增加一個黑色的邊框。通過設(shè)置 :active 偽類，可以使我們在按鈕被按下時使其更加生動有趣。