4个回答
展开全部
CSS样式
table tr td{text-align:center;}
.red{background:#FF0000;}
.a{background:#CC3300}
.b{background:#006699}HTML代码
<table width="500" align="center">
<tr class="red">
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
<td>绝招</td>
</tr>
<tr class="a">
<td>张三</td>
<td>男</td>
<td>19</td>
<td>唱歌</td>
</tr>
<tr class="b">
<td>李四</td>
<td>男</td>
<td>19</td>
<td>唱歌</td>
</tr>
<tr class="a">
<td>王五</td>
<td>女</td>
<td>19</td>
<td>唱歌</td>
</tr>
<tr class="b">
<td>赵六</td>
<td>女</td>
<td>19</td>
<td>唱歌</td>
</tr>
<tr class="a">
<td>陈七</td>
<td>女</td>
<td>19</td>
<td>唱歌</td>
</tr>
<tr class="b">
<td>汪八</td>
<td>男</td>
<td>19</td>
<td>唱歌</td>
</tr>
<tr class="a">
<td>周九</td>
<td>男</td>
<td>19</td>
<td>唱歌</td>
</tr>
<tr class="b">
<td>林十</td>
<td>女</td>
<td>19</td>
<td>唱歌</td>
</tr>
</table>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
一诺动画
2024-10-27 广告
Flash动画制作在北京一之诺文化传媒有限公司是一项创意与技术并重的服务。我们团队精通于利用Flash或兼容技术，将客户的想象转化为生动、流畅的动画作品。从概念设计到分镜脚本，再到精细的绘制与后期特效处理，每一步都力求完美呈现。无论是广告动...
点击进入详情页
本回答由一诺动画提供
展开全部
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.title{
background-color:#FF6633;
font-weight: bold;
}
.a{
background-color:#FF6699;
}
.b{
background-color:#FF33CC;
}
.c{
background-color:#66E6FF;
}
#a td{
text-align:center;
}
</style>
</head>
<body>
<table id="a" cellpadding=0 cellspacing=0 width="500px">
<tr class="title"><td>姓名</td><td>性别</td><td>年龄</td><td>绝招</td></tr>
<tr class="a"><td>张三</td><td>男</td><td>19</td><td>唱歌</td></tr>
<tr class="b"><td>李四</td><td>女</td><td>18</td><td>跳舞</td></tr>
<tr class="c"><td>王五</td><td>男</td><td>21</td><td>DOTA</td></tr>
</table>
</body>
</html>
保存为html即可看到效果
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>menu</title>
<style type="text/css">
table {
margin: auto;
border: 1px solid black;
border-collapse: collapse;
}
th {
background-color: red;
}
th,td {
border: 1px solid solid;
width: 100px;
text-align: center;
}
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
$ ("table tr").hover (function ()
{
var me = $ (this);
me.attr ("COLOR", me.css ("backgroundColor")).css ("backgroundColor", "#FF6699");
}, function ()
{
var me = $ (this);
me.css ("backgroundColor", me.attr ("COLOR"));
}).each (function (i, dom)
{
$ (this).css ("backgroundColor", [
"#CC3300", "#006699"
][i % 2]);
})
})
</script>
</head>
<body>
<table>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>绝招</th>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>19</td>
<td>唱歌</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>18</td>
<td>跳舞</td>
</tr>
<tr>
<td>王五</td>
<td>男</td>
<td>21</td>
<td>DOTA</td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
能告诉我这里哪有动画效果了？
更多追问追答
追问
我也不知道 JS的期末考试。。 来吧少年 出这个效果就行了 什么代码我也不管了！
追答
这个只是颜色的区别吧，你会写css么，每条加个不同的样式就完了呗
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
