table | td style
table{ border:0; font-family:arial; font-size:14px;}th{ background-color:yellow;}td{ border-bottom:1solid#000000;}.fail{ color:#FF0000;}
學生 | 分數 |
---|---|
Stella | 85 |
Sophie | 95 |
Alice |
table { border: 0; font-family: arial; font-size:14px; } th { background-color:yellow; } td { border-bottom:1 solid #000000; } .fail { color:#FF0000; }
<table> <tr> <th>學生</th> <th>分數</th> </tr> <tr> <td>Stella</td> <td>85</td> </tr> <tr> <td>Sophie</td> <td>95</td> </tr> <tr> <td>Alice</td> <td class="fail">55</td> </tr> </table>
在這裡我們要特別提到一個跟表格有關的 CSS 屬性,那就是 border-collapse。基本上,這個屬性可以直接代替 cellspacing=0 的宣告。我門來看看下面的例子:
table { border:0; border-collpase:collpase; width:200px; }tr { border-bottom:1px solid #000; }
<table> <tr><td>年度</td><td>收入</td></tr> <tr><td>2006</td><td>35.2M</td></tr> <tr><td>2007</td><td>...