htmlli⿏标经过变⾊,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
css鼠标点击样式4444
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论