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

  • Post author:
  • Post category:其他


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

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

  • 1111
  • 2222
  • 3333
  • 4444