44 lines
1.1 KiB
HTML
44 lines
1.1 KiB
HTML
|
<style>
|
|||
|
|
table {
|
|||
|
|
border-spacing: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
td {
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.game-board {
|
|||
|
|
display: grid;
|
|||
|
|
grid-template-rows: 50px 50px 50px;
|
|||
|
|
grid-template-columns: 50px 50px 50px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.box {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<form method="post" id="movement"></form>
|
|||
|
|
<div class='game-board'>
|
|||
|
|
<div class='box'></div>
|
|||
|
|
<div class="box">
|
|||
|
|
<button type='submit' name='action' value='up' form="movement">🔼</button>
|
|||
|
|
</div>
|
|||
|
|
<div class='box'></div>
|
|||
|
|
<div class='box'>
|
|||
|
|
<button type='submit' name='action' value='left' form='movement'>◀</button>
|
|||
|
|
</div>
|
|||
|
|
<div class='box'>X</div>
|
|||
|
|
<div class='box'>
|
|||
|
|
<button type='submit' name='action' value='right' form='movement'>▶</button>
|
|||
|
|
</div>
|
|||
|
|
<div class='box'></div>
|
|||
|
|
<div class='box'>
|
|||
|
|
<button type='submit' name='action' value='down' form='movement'>🔽</button>
|
|||
|
|
</div>
|
|||
|
|
<div class='box'></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<button type='submit' name='action' value='clear' form='movement'>Сброс</button>
|