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