2008-11-04 21 views

回答

5

這個NBA季後賽bracket與HTML/CSS建成並the blog post about it可以提供一些啓示。

+2

此處的博客帖子已不存在。你有其他鏈接嗎? – xan 2011-11-01 16:45:11

7

偶然發現了這個HTML代碼,這並獲得成功。我會發布它,以防萬一任何人在路上有同樣的問題。

table.bracket { 
    border-collapse: collapse; 
    border: none; 
} 

.bracket td { 
    vertical-align: middle; 
    width: 40em; 
    margin: 0; 
    padding: 10px; 
} 

.bracket td p { 
    border-bottom: solid 1px black; 
    margin: 0; 
    padding: 5px 5px 5px 5px; 
} 

.bracket th{ 
    text-align:center; 
} 

<table summary="Tournament Bracket" class="bracket"> 
<tr> 
    <th>National Semi-Finals<br>Saturday November 8th</th> 
    <th>National Championship<br>Sunday November 9th</th> 
    <th>NJCAA National Champion</th> 
</tr> 
<tr> 
    <td><p>#1 Manchester CC (17-2-1)</p></td> 
    <td rowspan="2"><p></p></td> 
    <td rowspan="4"><p></p></td> 
</tr> 
<tr> 
    <td><p>#4 Triton College (13-4-0)</p></td> 
</tr> 
<tr> 
    <td><p>#2 Herkimer County CC (18-3-0)</p></td> 
    <td rowspan="2"><p></p></td> 
</tr> 
<tr> 
    <td><p>#3 County College of Morris (17-3-0)</p></td> 
</tr> 
</table> 

編輯,撥弄:http://jsfiddle.net/4KZ6T/