漂亮的CSS3 表格，非常适合宣传展示数据

漂亮表格.rar (3.98 KB, 下载次数: 1, 售价: 10 个ASP币)

2022-6-14 20:32 上传

点击文件名下载附件

绿色漂亮表格.rar (5.64 KB, 下载次数: 1)

2022-6-14 20:59 上传

点击文件名下载附件

第一个,浅灰色表和css样式,非常经典

1. <style type="text/css">
   
2. table.gridtable {
   
3.         font-family: verdana,arial,sans-serif;
   
4.         font-size:12px;
   
5.         color:#333333;
   
6.         border-width: 1px;
   
7.         border-color: #666666;
   
8.         border-collapse: collapse;
   
9. }
   
10. table.gridtable th {
    
11.         border-width: 1px;
    
12.         padding: 8px;
    
13.         border-style: solid;
    
14.         border-color: #666666;
    
15.         background-color: #dedede;
    
16. }
    
17. table.gridtable td {
    
18.         border-width: 1px;
    
19.         padding: 8px;
    
20.         border-style: solid;
    
21.         border-color: #666666;
    
22.         background-color: #ffffff;
    
23. }
    
24. </style>
    
25. 
    
26. <table class="gridtable">
    
27. <tr>
    
28.         <th>汽车</th><th>飞机</th><th>高铁</th>
    
29. </tr>
    
30. <tr>
    
31.         <td>电动车</td><td>波音飞机</td><td>复兴号</td>
    
32. </tr>
    
33. <tr>
    
34.         <td>油电混合</td><td>空客飞机</td><td>和平号</td>
    
35. </tr>
    
36. </table>

复制代码

1.html (1.82 KB, 下载次数: 0, 售价: 2 个ASP币)

2022-8-6 16:37 上传

点击文件名下载附件

淡蓝色风格，同时配合了js来实现表格行鼠标悬停高亮的功能



滑动.html (1.37 KB, 下载次数: 0, 售价: 3 个ASP币)

2022-8-6 16:47 上传

点击文件名下载附件