CSS 实现鼠标放在上面时整行变色效果

这篇文章主要介绍了CSS 实现鼠标放在上面时整行变色效果,本文给大家分享实现思路,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

摘要:

下文讲述css中实现鼠标放在指定行上面时,整行变色的方法分享,如下所示:

实现思路:

使用:hover伪类,实现当鼠标指向时,其背景色发生相应的变化,如下例所示:

例:

下文中的div,当鼠标放上时,背景色发生相应的变化。

   猫猫教程(www.maomao365.com) 
div 鼠标移上时,背景色发生变化

总结

以上所述是小编给大家介绍的CSS 实现鼠标放在上面时整行变色效果,希望对大家有所帮助!

以上就是CSS 实现鼠标放在上面时整行变色效果的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS 教程