CSS是一種樣式表語言,它用來控制網頁的布局和外觀。按鈕(button)是一種常用的HTML元素,用來觸發交互事件。在CSS中,可以設置按鈕的樣式。其中,通過使用active偽類,可以實現按鈕在被點擊時改變顏色。以下是一個示例代碼。
.btn { background-color: blue; color: white; border: none; padding: 10px; } .btn:active { background-color: red; }
這段代碼定義了一個.btn類,用于表示按鈕的樣式。背景色為藍色,文字顏色為白色,無邊框,填充為10像素。當按鈕被點擊時,它的active偽類會被激活,背景色會變為紅色。
在實際開發中,可以通過引入此前定義好的CSS類來應用樣式。例如,以下是一個HTML代碼片段,通過應用.btn類來設置一個按鈕的樣式。
當此按鈕被點擊時,它的背景色就會改變為紅色,表示該按鈕處于被激活狀態。
上一篇css 鼠標放上突出顯示
下一篇css 鼠標經過變成小手