Skip to content

Instantly share code, notes, and snippets.

@nelsonaj

nelsonaj/tictactoe.html

Created March 20, 2018 21:00
Show Gist options
  • Save nelsonaj/99dbfdc6ef6ec4ea6d0fc71887d6084d to your computer and use it in GitHub Desktop.
Save nelsonaj/99dbfdc6ef6ec4ea6d0fc71887d6084d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
tictactoe.html
<!DOCTYPE html>
<html>
<head>
<title>Tic Tac Toe</title>
<!-- <link rel="stylesheet" type="text/css" href="boardstyle.css"> -->
<style type="text/css">
h1 {
text-align: center;
}
table {
border-collapse: collapse;
margin: 0 auto;
}
#top td:nth-child(1) {
width: 100px;
height: 100px;
border: 2px solid black;
border-left: 0;
border-top: 0;
}
#top td:nth-child(2) {
width: 100px;
height: 100px;
border: 2px solid black;
border-top:0;
/* border-top: none;
border-right: 2px solid black;
border-bottom: 2px solid black;
*/ /*border: 2px solid black;*/
}
#top td:nth-child(3) {
width: 100px;
height: 100px;
border: 2px solid black;
border-top: 0;
border-right: 0;
/* border-top: none;
border-right: none;
border-bottom: 2px solid black;
*/ }
#middle td:nth-child(1) {
width: 100px;
height: 100px;
/* border-top: 2px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
border-left: none;*/
border: 2px solid black;
border-left: 0;
}
#middle td:nth-child(2) {
width: 100px;
height: 100px;
border: 2px solid black;
}
#middle td:nth-child(3) {
width: 100px;
height: 100px;
border: 2px solid black;
border-right: 0;
}
#last td:nth-child(1) {
width: 100px;
height: 100px;
border: 2px solid black;
border-left: 0;
border-bottom: 0;
}
#last td:nth-child(2) {
width: 100px;
height: 100px;
border: 2px solid black;
border-bottom: 0;
}
</style>
</head>
<body>
<h1>Tic Tac Toe</h1>
<table>
<tr id="top">
<td></td>
<td></td>
<td></td>
</tr>
<tr id="middle">
<td></td>
<td></td>
<td></td>
</tr>
<tr id="last">
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment