20 lines
557 B
HTML
20 lines
557 B
HTML
<html>
|
|
<head>
|
|
<title>Tic Tac Toe CSS</title>
|
|
<link rel="stylesheet" type="text/css" href="tictactoe.css">
|
|
</head>
|
|
<body>
|
|
<div class="tic-tac-toe">
|
|
{% for turn in range(9) %}
|
|
<!-- turn-{{turn}} -->
|
|
{% for row in range(3) %}
|
|
{% for col in range(3) %}
|
|
<input class="field-{{row * 3 + col}} row-{{row}} col-{{col}} turn-{{turn}}" id="block-{{turn}}-{{row}}-{{col}}" type="radio">
|
|
<label class="turn-{{turn}}" for="block-{{turn}}-{{row}}-{{col}}"></label>
|
|
{% endfor %}
|
|
{% endfor %}
|
|
{% endfor %}
|
|
</div>
|
|
</body>
|
|
</html>
|