在HTML5中,我們可以通過CSS來設置鼠標動態。主要有以下幾種方式:
/*第一種:改變指針樣式*/ cursor: pointer; /*將鼠標變成手型,表示該元素可以被點擊*/ cursor: text; /*將鼠標變成I型光標,表示該元素可以輸入文本*/ cursor: help; /*將鼠標變成問號,表示該元素需要提示信息*/ /*第二種:改變鼠標移上去的顏色*/ a:hover { color: red; } /*將超鏈接移上去后,字體顏色變成紅色*/ /*第三種:改變鼠標移上去的背景色*/ button:hover { background-color: #f1f1f1; } /*將按鈕移上去后,背景顏色變成淺灰色*/ /*第四種:改變鼠標移上去的邊框*/ input:focus { border: 2px solid #555; } /*將輸入框獲得焦點后,邊框變為2px粗的黑線條*/
通過以上方式,我們可以為網頁增加動效,提升用戶體驗。