html鼠标悬停改变背景,CSS实现li标签鼠标经过时改变背景颜色

很多时候需要用到这个css效果，实际上就用了一个li标签的热点样式，不仅是li标签，div等也可以的

完整代码如下，

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;}/*cursor:pointer：设定鼠标样式*/

• 1111
• 2222
• 3333
• 4444