首页前端开发HTMLHTML中实现鼠标经停时整行(tr)变色

HTML中实现鼠标经停时整行(tr)变色

时间2024-01-27 15:10:02发布访客分类HTML浏览746
导读:收集整理的这篇文章主要介绍了HTML中实现鼠标经停时整行(tr)变色,觉得挺不错的,现在分享给大家,也给大家做个参考。 使用纯CSS实现在鼠标经过一个表格的某一行的时候,要整行的背景颜色发生变化,以表明该行正中焦点:<htM...
收集整理的这篇文章主要介绍了HTML中实现鼠标经停时整行(tr)变色,觉得挺不错的,现在分享给大家,也给大家做个参考。

使用纯CSS实现在鼠标经过一个表格的某一行的时候,要整行的背景颜色发生变化,以表明该行正中焦点:

htML >
    head>
    meta charset="utf-8"/>
    tITle>
    change/title>
    style tyPE="text/css">
  tr.change:hover  {
    background-color:#00FF00  }
    /style>
    /head>
    body>
    h1>
    鼠标经停变色/h1>
    table width="80%" border="1" align="center">
      tr class="change">
        td>
    &
    nbsp;
    /td>
        td>
    &
    nbsp;
    /td>
      /tr>
      tr class="change">
        td>
    &
    nbsp;
    /td>
        td>
    &
    nbsp;
    /td>
      /tr>
    /table>
    /body>
    /html>
    

以上所述是小编给大家介绍的HTML中实现鼠标经停时整行(tr)变色,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html

若转载请注明出处: HTML中实现鼠标经停时整行(tr)变色
本文地址: https://pptw.com/jishu/588362.html
HTML表格 HTML框架

游客 回复需填写必要信息