浅色表格

前景色: black(#000000)

背景色: white(#FFFFFF), whitesmoke(#F5F5F5)

效果

 

排名书名分类作者字数完本日期
1 武道至尊 东方玄幻 暗夜幽殇 11583519 2016-11-01
2 都市少帅 都市生活 一起成功 11526084 2017-11-28
3 女总裁的特种保安 黑白两道 边塞之翁 11106284 2018-09-08
4 乡村少年 青春校园 逍遥夫子 10942075 2018-11-27

 

样式

 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 }

 

posted @ 2019-07-13 23:50  谷亚奇  阅读(116)  评论(0)    收藏  举报