html随笔

<a href="tel:电话号码">电话号码</a>

 1 <div class="table-box">
 2 <table style="width: 100%;" rules="all">
 3 <thead>
 4 <tr class="line">
 5 <td class="td title" width="30%">哈哈哈哈</td>
 6 <td class="td title" colspan="3">哈哈哈哈</td>
 7 </tr>
 8 </thead>
 9 <tbody>
10 <tr>
11 <td class="td" rowspan="2">哈哈哈哈</td>
12 <td class="td">哈哈哈哈</td>
13 <td class="td">哈哈哈哈</td>
14 <td class="td">哈哈哈哈</td>
15 </tr>
16 <tr>
17 <td class="td">哈哈哈哈</td>
18 <td class="td">哈哈哈哈</td>
19 <td class="td">哈哈哈哈</td>
20 </tr>
21 <tr>
22 <td class="td" rowspan="2">哈哈哈哈</td>
23 <td class="td" colspan="2">哈哈哈哈</td>
24 <td class="td">哈哈哈哈</td>
25 </tr>
26 <tr>
27 <td class="td" colspan="2">哈哈哈哈</td>
28 <td class="td">哈哈哈哈</td>
29 </tr>
30 <tr>
31 <td class="td" rowspan="2">哈哈哈哈</td>
32 <td class="td" colspan="3">哈哈哈哈</td>
33 </tr>
34 <tr>
35 <td class="td" colspan="3">哈哈哈哈</td>
36 </tr>
37 </tbody>
38 </table>
39 </div>

 1 .table-box {
 2   font-size: 12px;
 3   line-height: 20px;
 4   border-radius: 40 * @unit;
 5   overflow: hidden;
 6   border: 1px solid @border-grey;
 7   text-align: center;
 8   tr:nth-child(even) {
 9     background-color: @grey-bg;
10   }
11   td {
12     padding: 20 * @unit 10 * @unit;
13   }
14   &.sos {
15     table {
16       width: 100%;
17     }
18     td {
19       padding: 0;
20     }
21   }
22 
23 }