HTML 来创建锦标赛决赛四组?

标签 html css

是否有可以创建 HTML 最后四个括号的网站?

或者是否只有 HTML 可以自动创建它,我可以只填写具体信息?

最佳答案

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

关于HTML 来创建锦标赛决赛四组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/262022/

相关文章:

html - 列表上的神秘边距或填充

html - 第 n 个类型未按预期工作

css - 从背景中剪下的透明文本

javascript - 如何使用 jquery 验证美国邮政编码

css - IE9 中不可预测的嵌套 div 水平位置

css - css中的C++风格注释风格

html - 将图像和文本并排放置

css - 如何通过 PhoneGap 制作基于设备宽高的 html 和 css

javascript - div的 "creating"滚动条

html - 当文本很长时,如何在 flex 显示中对文本进行分词?