CSS基礎知識（五） 表格

這節課講完這個聽上去很好的HTML/CSS課程就蹭完了，まぁ〜免費的課程麼自然不可能説的很多啦~領進門而已。這個領進門還是挺有用的，現在覺得CSS哈有趣=v=

最後一課，如何製作表格。

需要用到的幾個標記：
tr、td、th
tr： table row
td： table data
th： table head

tr代表的意思就是表格的一行，用一組< tr> 來表示中間的內容都是一行中的。
tr表示某一個單元格的內容，用一組< td> < /td>來表示這行中某個單元格的內容。
用tr套td的模式可以顯示一個表格，如：

< tr>
< td class="center">Walla Walla, WA< /td> /*tr、td同樣可以設置標籤*/
< td class="center">June 15th< /td>
< td>75
< td>1,204 ft
< td>29,686
< td class="center">4/5
< /tr>

< tr class = "cellcolor">
< td class="center">Magic City, ID< /td>
< td class="center">June 25th
< td>74
< td>5,312 ft
< td>50
< td class="center">3/5< /td>
< /tr>

th的意思是表格的表頭，默認顯示格式就是粗體+居中。

表格的摘要可以通過< table summary="...">來表示，summary中的內容是摘要，不會被顯示出來，僅僅做註釋用，方便程序員理解。

< caption>< /caption>是< table >的子標記，表示的是這個表格的標題。
這個標題通常顯示在表格的上方，可以在CSS中定義：
caption - side : bottom; 讓標題顯示在表格的下方。

給表格定義框線可以用如下方法：
< head>
< style type = "text/css">
td,th {
border : 1px soild black;
}


也可以在CSS中定義。
定義完后可以發現因為定義的是每行、每個單元格的邊框，所以會出現每個單元格外有兩層邊框的情況，這種情況下可以進行邊框壓縮：
border - clooapse : collapse ; /*讓單元格之間更緊湊*/

竪向合併單元格方法：
< td rowspan ="2">
< /td>

?向合併單元格方法：
< td colspan = "2">