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分。
展开
 我来答
anywing2000
推荐于2016-03-30 · TA获得超过162个赞
知道小有建树答主
回答量:135
采纳率:0%
帮助的人:113万
展开全部
直接用#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>
a3476012
推荐于2016-11-29 · TA获得超过1268个赞
知道小有建树答主
回答量:484
采纳率:87%
帮助的人:132万
展开全部
这几个概念是:
css样式是html的表现,HTML搭建基本框架,而css样式填充内容说直白点就是骨骼(html)和血肉皮肤毛发(css)的关系
table:表格标签

tr:表格元素里面的行

td:表格元素里面的列,必须放在tr里面使用
id:任何标签都有切唯一的属性,好比人的身份证
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友d92ec75
2010-11-08 · TA获得超过942个赞
知道小有建树答主
回答量:334
采纳率:0%
帮助的人:500万
展开全部
<td onmouseover="style.backgroundColor='#EEEEEE'" onmouseout="style.backgroundColor='#FFFFFF'" bgcolor="#FFFFFF">
你把你的<td>换成这个试试。
如果是tr的话,方法一样
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友be2c6a1
2010-11-08 · TA获得超过615个赞
知道小有建树答主
回答量:428
采纳率:0%
帮助的人:377万
展开全部
一般在head里:
<style>
tr:hover{
background-color:#...;
}
</style>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
书香学编程
2021-03-14 · 贡献了超过775个回答
知道答主
回答量:775
采纳率:25%
帮助的人:54.4万
展开全部

Vue实践-CSS样式position/display/float属性对比使用

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(4)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式