CSS按鈕可以讓你的網(wǎng)頁更加美觀和互動。其中有一種常見的效果是,當(dāng)按鈕被點擊之后,它的顏色會改變。下面是一個簡單的例子。
button { background-color: #4CAF50; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; } button:active { background-color: #3e8e41; transform: translateY(4px); }
在這個例子中,我們首先定義了一個按鈕的樣式。當(dāng)按鈕被點擊時,我們用":active"偽類來定義按鈕被激活時的樣式。這里我們把背景顏色改為了深綠色,并且使用transform來向下移動按鈕4個像素,以達(dá)到點擊效果。
你可以根據(jù)自己的需要來修改按鈕的樣式。同時,你也可以為按鈕定義其他樣式,比如:hover偽類來定義鼠標(biāo)懸停時的樣式。
總之,使用CSS按鈕可以為你的網(wǎng)頁添加很多互動性和美觀性。你只需要在CSS中定義好按鈕的樣式,然后添加偽類來定義不同狀態(tài)下的樣式即可。