• 所有问题

    • html，鼠标经过表格的某个单元格上时该单元格背景变色，不是该行背景变色，也不是仅仅文字的背景变色，

    求大神帮助啊~~

    举报该问题
    推荐答案   2016-06-23
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style>
    .table1 {border-collapse: collapse;}
    .table1 tr {}
    .table1 tr td {text-align:center; line-height:36px;}
    .table1 tr td:hover { background-color:#f00; color:#fff;}
    </style>
    </head>

    <body>

    <table class="table1" width="70%" border="1">
      <tr>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
      </tr>
      <tr>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
      </tr>
      <tr>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
      </tr>
      <tr>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
      </tr>
      <tr>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
        <td>测试</td>
      </tr>
    </table>

    </body>
    </html>

    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  2019-05-19
    用onmouseOver可以实现鼠标一进入单元格范围就变背景色.
    <onMouseOver=this.style.backgroundColor='目标背景色' onMouseOut=this.style.backgroundColor='#原背景色'>
    相似回答
    html 超链接表格td当我鼠标碰到td的时候td整行变色,怎么弄?答：用css里面的hover选择器，当鼠标经过的时候 改变tr标签的颜色。很久没用CSS和html了，感觉都忘完了。不过个人觉得这样的列表应该使用ul和li，而不是tr和td。你可以等高手，也可以自己去参考CSS的资料。见谅。
    当鼠标点到excel单元格时,整行和整列会自动显示颜色答：五、最后，即可看到Excel表格进入阅读模式，当鼠标点到excel单元格时，整行和整列会自动显示颜色，问题解决。
    css里鼠标悬停变色怎么弄答：4、在css标签内，通过td元素名称和“:hover”选择器定义当鼠标指向单元格时，改变单元格的背景颜色，设置为红色。5、最后在浏览器打开test.html文件，鼠标经过之后，即可变色。
    表格里面鼠标点到一个单元格就整行整列有颜色是怎么回事答：这是WPS表格软件中的“阅读模式”关闭该模式后，点击单元格就不会高亮显示了，关闭方法如下：一、如下图，这是WPS表格中的一个功能，注意区分，Excel是没有该功能的。二、要关闭这一功能，首先点击进入“视图”菜单。三、在视图菜单下找到“阅读模式”，点击一下“阅读模式”即可关闭。四、如下图，...
    像国际象棋棋盘那样的格,点其中一格,会变成反色,怎么做?答：你可以参考一下下面的代码 鼠标经过的时候单元格的背景变色\ <table width="250" border="0" cellspacing="1" cellpadding="6" height="50"> <tr onMouseOver=this.style.backgroundColor="#FF0000" onMouseOut=this.style.backgroundColor="" bgcolor="#FFFFFF"> <td>近墨者工作室</td> <td...
    如何实现鼠标移过特定文字变色如何实现鼠标移过特定文字变色功能答：你应该是想表达点到某个单元格，所在行和列都会变色，这是因为开启了阅读模式 开启的方法：点击顶部视图，点击阅读模式的下拉箭头，选择需要的颜色，这样就设置好了。回到表格，你点到任意单元格，对应的行和列都会变色，方便直观。dw如何设置多个鼠标经过时变颜色？Dreamweaver里新建文档，输入文字，给...
    大家正在搜
    表格中表示单元格的标签是表格的单元格标签是什么html表格中如何合并单元格html表格合并纵向单元格html table 合并单元格html的表格标签有哪些html表格行标签单元格htmlcss表格单元格
    相关问题
    html表格鼠标悬停以后如何获取单元格的内容？
    HTML如何实现当鼠标移动到单元格有链接的地方自动改变单元格...
    html的表格中，我想让鼠标经过的时候，表格的背景色更换！
    javascript 怎么鼠标停留在表格的某个单元格上，获得...
    请问高手，js中如何获取鼠标移动到表格的某个单元格时，获取行...
    怎么写一个HTML里table单元格的鼠标单击事件
    JS实现：table点击鼠标如何获取行号跟该单元的值？
    HTML中如何使表格的边框在鼠标悬停时变色