CSS中提供了一些偽類,可以在鼠標點擊時改變元素的樣式。
/* 鼠標點擊時改變文字顏色 */ p:hover { color: blue; } /* 鼠標點擊時改變背景顏色 */ p:active { background-color: yellow; } /* 鼠標點擊時改變文本框邊框顏色 */ input:focus { border-color: green; }
:hover偽類表示鼠標懸停在元素上時的樣式,:active偽類表示鼠標點擊元素時的樣式,而:focus偽類表示元素獲得焦點時的樣式。
可以通過這些偽類,提高網站的交互性,讓用戶更加方便地操作。
上一篇css強制規定元素的邊框
下一篇css強制換行不起作用