html - 如何在网页上使用 html 和 css 布局tictactoe

Question

我的问题是在制作 tictactoe 之前我应该​​研究哪些 html 和 css 功能。

我目前正在使用带有丑陋 X 和 O 字符的 CSS 的 HTML 表格：

我的 CSS：

table tr td {
    border: 1px solid;
}

我的 HTML：

<table>
    <tr>
        <td>O</td><td></td><td></td>
    </tr>
    <tr>
        <td></td><td>X</td><td></td>
    </tr>
    <tr>
        <td></td><td></td><td>X</td>
    </tr>
</table>

Answer 1

给你的tdsa 固定宽度和高度，并将' tables 的边框设置为折叠：

table {
    border-collapse: collapse;
}

td {
    border: 5px solid #000;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
}

您还应该调查border-radius.

---

这是小提琴，但其余的取决于你。