很多時候需要用到這個css效果,實際上就用了一個li标簽的熱點樣式,不僅是li标簽,div等也可以的
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5yN2UTM4EWNlBjMlJTZlZmZmZGOyEjYmRDMzkDO5YzM58CX0JXZ252bj91Ztl2Lc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
完整代碼如下,
div/css滑鼠熱點改變li标簽背景顔色
body{ background-color:#CCCC99; margin:0; padding:0; color:#fff;}
ul{ margin:0; padding:50px;}
li{ list-style:none; height:24px; background-color:#CC3399; width:150px; margin-bottom:5px; line-height:24px; padding-left:4px; font-size:14px;}
li:hover{ background-color:#99CC00; color:#CC3399; cursor:pointer;}
- 1111
- 2222
- 3333
- 4444