600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > html li 鼠标经过变色 CSS实现li标签鼠标经过时改变背景颜色

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

时间:2022-03-15 12:44:31

相关推荐

html li 鼠标经过变色 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:设定鼠标样式*/

1111222233334444

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。