css样式 table td id
<style>#table{width:300px;height:200px;}#tabletd{width:100px;height:100px;background-...
<style>
#table
{
width:300px;
height:200px;
}
#table td
{
width:100px;
height:100px;
background-color:Red;
}
<table id="table">
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
<tr>
<td>444</td>
<td>555</td>
<td>666</td>
</tr>
</table>
各位路过的好心人 我的问题是 td怎么可以在样式中控制
当鼠标onmouseover的时候变色。
就像a：hover那种
可以用一个id 控制table下面所有的td
先谢谢好心人了。
先挂5分。 展开
#table
{
width:300px;
height:200px;
}
#table td
{
width:100px;
height:100px;
background-color:Red;
}
<table id="table">
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
<tr>
<td>444</td>
<td>555</td>
<td>666</td>
</tr>
</table>
各位路过的好心人 我的问题是 td怎么可以在样式中控制
当鼠标onmouseover的时候变色。
就像a：hover那种
可以用一个id 控制table下面所有的td
先谢谢好心人了。
先挂5分。 展开
6个回答
展开全部
直接用#table tr td：hover{}就可以了，不过IE6以下只支持a:hover，不支持其他元素的伪类。
<!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=gb2312" />
<title>无标题文档</title>
<style>
#table
{
width:300px;
height:200px;
}
#table td
{
width:100px;
height:100px;
background-color:Red;
}
#table tr td:hover{
background-color:blue;
}
</style>
</head>
<body>
<table id="table">
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
<tr>
<td>444</td>
<td>555</td>
<td>666</td>
</tr>
</table>
</body>
</html>
<!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=gb2312" />
<title>无标题文档</title>
<style>
#table
{
width:300px;
height:200px;
}
#table td
{
width:100px;
height:100px;
background-color:Red;
}
#table tr td:hover{
background-color:blue;
}
</style>
</head>
<body>
<table id="table">
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
<tr>
<td>444</td>
<td>555</td>
<td>666</td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这几个概念是：
css样式是html的表现，HTML搭建基本框架，而css样式填充内容说直白点就是骨骼（html）和血肉皮肤毛发(css)的关系
table:表格标签
tr:表格元素里面的行
td：表格元素里面的列，必须放在tr里面使用
id：任何标签都有切唯一的属性，好比人的身份证
css样式是html的表现，HTML搭建基本框架，而css样式填充内容说直白点就是骨骼（html）和血肉皮肤毛发(css)的关系
table:表格标签
tr:表格元素里面的行
td：表格元素里面的列，必须放在tr里面使用
id：任何标签都有切唯一的属性，好比人的身份证
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<td onmouseover="style.backgroundColor='#EEEEEE'" onmouseout="style.backgroundColor='#FFFFFF'" bgcolor="#FFFFFF">
你把你的<td>换成这个试试。
如果是tr的话，方法一样
你把你的<td>换成这个试试。
如果是tr的话，方法一样
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一般在head里：
<style>
tr:hover{
background-color:#...;
}
</style>
<style>
tr:hover{
background-color:#...;
}
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
