サンプルでは見出しの下の線を二重線にしています。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<table> <tr class="double"> <td>日付</td><td>起床</td><td>就寝</td> </tr> <tr> <td>1/1</td><td>05:30</td><td>22:45</td> </tr> <tr> <td>1/2</td><td>06:00</td><td>23:00</td> </tr> <tr> <td>1/3</td><td>06:15</td><td>22:30</td> </tr> </table> |
1 2 3 4 5 6 7 8 9 |
table { border-collapse: collapse; } td { border: 1px solid #999; } .double td { border-bottom: 3px double #999; } |
trにclassを設定するだけで対応するために、trに設定したclassにtdをつけて指定するのがポイントです。