I'm trying to do Tic Tac Toe board but I stuck in this place

HTML & CSS
1 
<!DOCTYPE html>
<html>
<head>
	<title>table</title>
	<link rel="stylesheet" type="text/css" href="table.css">
</head>
<body>

<h1>Tick Tack Toe</h1>
<table>
  
  <tr>
    <td></td>
    <td class="vertical"></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>


</body>
</html>

h1{
	text-align: center;
}




table{
	border-collapse: collapse;
    margin-left:auto;
	margin-right:auto;
	
	}

td{
	width: 100px;
	height: 100px;
}

.vertical{
	border-left: 1px solid black;
	border-right: 1px solid black;

    }

2020-04-28
2020-04-281920×1080 137 KB

Why is no border?

2

Hi there andrzejhnatiuk72,

and a warm welcome to these forums. :winky:

Using your code, I see this…

table-border

coothead

1 Like
3

Yes,now it is work,but before it didn’t work.I mean I saved and refreshed the browser several times.I closed and open again and now everything work.Thank you for answer.
I submit a flag for moderator attention to delete this topic because I am not allowed do this myself.

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.