表格 隔行换色 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>网页标题</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css">
10         tr{
11             text-align:center;
12             transition: ease all 1s;
13 
14             }
15         tr:hover{
16             background-color:#99ffff;
17         }
18     </style>    
19     <script type="text/javascript"></script>
20 </head>
21 <body>
22     <table width="400" border="1" rules='all' align='center'>
23         <caption><h3>学生信息表</h3></caption>
24         <tr bgcolor='#99ff00'>
25             <th>序号</th>
26             <th>姓名</th>
27             <th>年龄</th>
28         </tr>
29         <tr bgcolor='#ff66ff'>
30             <td>1</td>
31             <td>张三</td>
32             <td>21</td>
33         </tr>
34         <tr bgcolor='#ffff99'>
35             <td>2</td>
36             <td>李四</td>
37             <td>22</td>
38         </tr>
39         <tr bgcolor='#99ff00'>
40             <td>3</td>
41             <td>王五</td>
42             <td>23</td>
43         </tr>
44         <tr bgcolor='#ff66ff'>
45             <td>4</td>
46             <td>赵六</td>
47             <td>24</td>
48         </tr>
49         <tr bgcolor='#ffff99'>
50             <td>5</td>
51             <td>孙七</td>
52             <td>25</td>
53         </tr>
54     </table>
55 </body>
56 </html>

 

posted @ 2016-11-21 19:05  安然灬小情绪  阅读(145)  评论(1)    收藏  举报