本篇文章给大家分享的是有关如何实现HTML中鼠标停留时整行变色,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
使用纯CSS实现在鼠标经过一个表格的某一行的时候,要整行的背景颜色发生变化,以表明该行正中焦点:
<html > <head> <meta charset="utf-8"/> <title>change</title> <style type="text/css"> tr.change:hover { background-color:#00FF00 } </style> </head> <body> <h2>鼠标经停变色</h2> <table width="80%" border="1" align="center"> <tr class="change"> <td> </td> <td> </td> </tr> <tr class="change"> <td> </td> <td> </td> </tr> </table> </body> </html>
以上就是如何实现HTML中鼠标停留时整行变色,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联网站制作公司行业资讯频道。
文章名称:如何实现HTML中鼠标停留时整行变色-创新互联
链接分享:https://www.cdcxhl.com/article14/hhhde.html
成都网站建设公司_创新互联,为您提供电子商务、品牌网站建设、网站内链、定制开发、企业建站、定制网站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联