浅色表格

 1 .table {
 2     box-sizing: border-box;
 3     margin:0;
 4     padding: 0;
 5     border: none;
 6 
 7     width: 100%;
 8 
 9     text-align: left;
10     border-collapse: collapse;
11 }
12 
13 .shade {
14     box-shadow: 0 0 5px #888888
15 }
16 
17 .table>thead>tr {
18     background: whitesmoke;
19 }
20 
21 .table>tbody>tr {
22     background: white;
23 }
24 
25 .table>tbody>tr:hover {
26     background: whitesmoke;
27 }
28 
29 .table th {
30     box-sizing: border-box;
31     margin:0;
32     padding: .75rem;
33     border-top: 3px solid black;
34 }
35 
36 .table td {
37     box-sizing: border-box;
38     margin:0;
39     padding: .75rem;
40     border-top: 1px solid lightgray;
41 }