在CSS中,有很多屬性可以通過鼠標點擊的方式來表示,接下來我們就簡單介紹一下。
:active { /* 鼠標在元素上按下去時的樣式 */ }
active表示活動狀態(tài),這個狀態(tài)是通過鼠標按下去時觸發(fā)的,通常用于按鈕元素的樣式。
:hover { /* 鼠標劃過元素時的樣式 */ }
hover表示懸浮狀態(tài),當鼠標移動到元素上時觸發(fā),通常用于鏈接、按鈕以及菜單等元素的樣式。
:focus { /* 元素被選中時的樣式 */ }
focus表示焦點狀態(tài),表示元素被選中時的狀態(tài),通常在表單元素上使用,如input、textarea等。
::before { /* 在元素內(nèi)容前插入內(nèi)容 */ }
before表示在元素內(nèi)容前插入內(nèi)容,通常用于一些特殊效果。
::after { /* 在元素內(nèi)容后插入內(nèi)容 */ }
after表示在元素內(nèi)容后插入內(nèi)容,通常用于一些特殊效果。
記住這些常用的CSS鼠標事件樣式,可以讓我們的頁面更加豐富多彩。
上一篇鼠標點擊更換css
下一篇鼠標點擊顯示隱藏 css