设为首页收藏本站
切换到宽版

hc学习平台

 找回密码
 立即注册
搜索
热搜: 活动 交友 javakc
 › 珞 › 日志

珞

http://www.javakc.com

设计一个table表格，当鼠标悬停时，改变td的背景颜色和鼠标样式，效果如下：

2022-08-12 10:53:05 查看(54) 回复(0)

编号 姓名 电话 住址
001 杨铮 13844951495 唐山
002 杨浩 13854384858 廊坊
003 李东宇 13954405045 邢台
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
      tr:nth-child(n+2){
        text-align: center;
      }
      .td1:hover{
        background-color: blueviolet;
        cursor: text;
      }
    </style>
</head>
<body>
<table width="400" height="300" border="1" cellpadding="0" cellspacing="0"
       frame="void" bgcolor="#7fff00" rules="all" align="center">
  <tr>
    <td>编号</td>
    <td>姓名</td>
    <td>电话</td>
    <td width="80">住址</td>
  </tr>
  <tr >
    <td class="td1">001</td>
    <td class="td1">杨铮</td>
    <td class="td1">13844951495</td>
    <td class="td1">唐山</td>
  </tr>
  <tr>
    <td class="td1">002</td>
    <td class="td1">杨浩</td>
    <td class="td1">13854384858</td>
    <td class="td1">廊坊</td>
  </tr>
  <tr >
    <td class="td1">003</td>
    <td class="td1">李东宇</td>
    <td class="td1">13954405045</td>
    <td class="td1">邢台</td>
  </tr>
</table>


</body>
</html>
收藏 分享邀请 编辑| 删除|

评论 (0 个评论)

facelist

全部作者的其他最新日志



站点统计|举报|Archiver|手机版|小黑屋|Comsenz Inc.

GMT+8, , Processed in 0.195171 second(s), 9 queries .

Powered by javakc! X1.0

© 2004-2014 javakc

f1208.com 备案号：京ICP备14030918号-1

返回顶部