css一个问题求助

nbweb · 发表于 2013-3-14 10:24:26

现在用的tr td表格，要求鼠标划过背景颜色改变，现在是，第一行固定的背景色，鼠标划过第一行，不变色，其它的行变颜色，怎么个写法？

谢谢

☆校长☆ · 发表于 2013-3-14 10:27:39

那么高端哦？

nbweb · 发表于 2013-3-14 10:40:24

是啊。。。。

八戒 · 发表于 2013-3-14 10:49:20

<table>
<thead>
<tr>
<td>
第一行
</td>
</tr>
</thead>
<tbody>
<tr onmouseover="this.style.background='#D3E9FC';" onmouseout="this.style.background=''; this.style.borderColor=''">
<td>
第二行
</td>
</tr>
<tr onmouseover="this.style.background='#D3E9FC';" onmouseout="this.style.background=''; this.style.borderColor=''">
<td>
第三行
</td>
</tr>
</tbody>
</table>

复制代码

nswdhy · 发表于 2013-3-14 10:56:18

<!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 type="text/css">
table tr:hover{background:#f60;}
table tr.first_tr{background:#ddd;}
table tr.first_tr:hover{background:ddd;}
</style>
</head>
<body>
<table width="100%" border="1">
<tr class="first_tr">
<td width="50%">第一行</td>
<td>第一行</td>
</tr>
<tr>
<td width="50%">第2行</td>
<td>第2行</td>
</tr>
<tr>
<td width="50%">第3行</td>
<td>第3行</td>
</tr>
<tr>
<td width="50%">第4行</td>
<td>第4行</td>
</tr>
<tr>
<td width="50%">第5行</td>
<td>第5行</td>
</tr>
</table>
</body>
</html>

复制代码

加分吧骚年

麦子花开 · 发表于 2013-3-14 11:05:23

楼上和楼楼上都是大神
我就稍稍总结一下

js和css的伪类都可以实现

nbweb · 发表于 2013-3-14 11:15:47

八戒发表于 2013-3-14 10:49

没地方加分啊。多谢

nbweb · 发表于 2013-3-14 11:22:05

nswdhy 发表于 2013-3-14 10:56
加分吧骚年

没地方加分啊，用你这个，可以。多谢啦

		自动登录	找回密码
密码			注册