如何在網頁上用html和css佈置tictactoe

Question

我的問題是在製作tictactoe之前應該研究什麼html和css特性。

目前我使用的是HTML表CSS與醜陋X和O字：

我的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

給你的td固定寬度和高度，並且set the table's borders to collapse：

table { 
    border-collapse: collapse; 
} 

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

你也應該看看border-radius。

---

Here's the fiddle，但其餘的由你決定。