HTML创建锦标赛最后四支架？

Question

有没有一个网站,我可以创建一个HTML最后四个括号？

或者只有那里的HTML会自动创建它,我可以填写具体内容吗？

Answer 1

偶然发现这个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/

Answer 2

我真的不知道你从这个问题中需要什么，但从它的外观来看，尝试一下：

http://www.bracketmaker.com/

Answer 3

这个用html/css构建的NBA季后赛支架和关于它的博客文章可能会提供一些灵感.