鼠标滑过,<li>背景怎么变色css怎么设置,或者js?

鼠标滑过,<li>背景怎么变色css怎么设置,或者js?,第1张

很简单不用Js,也不用大量代码,关键是样式 里加一句就行:

li:hover {background:#4949d2    border-radius: 8px}

给li设置背景色是给一组li设置的,你hover的应该也是所有的li标签,最简洁最无脑的方法是给每个li都设置不同的class,然后通过hover具有不同的class的li来实现你的效果。也可以通过配合js添加onmouthover事件,动态的给li标签添加显示背景色的class。

=w=,三个方法……

一:把ul或li 中的行高删掉。

二:修改图片,把那红色的画下一点,可做成gif透明图(如原本图为:16*16,可画成:16*21,红色部分在最底部。)。

三:去掉list-style-image属性,改为在li 中用 background 属性

如:

ul{list-style:none}

li{padding-left:18pxbackground:url(pot.gif) no-repeat left 5px}

以上……


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7873005.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存