사용자:Js091213/연습장: 두 판 사이의 차이
백괴게임>올 |
백괴게임>Js091213 편집 요약 없음 |
||
| 7번째 줄: | 7번째 줄: | ||
{{DB|Testtest|세이브}} | {{DB|Testtest|세이브}} | ||
{{DB|Testtest|로드}} | {{DB|Testtest|로드}} | ||
{{#css: | |||
.container { display: inline-grid; border: 1px solid black; background: black; height: 10px; width: 200%; max-width: 10px; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; padding: 1px; grid-gap: 1px; } | |||
.cell { border: 1px solid black; background: white; border-radius: 1px; text-align: center; vertical-align: middle; } | |||
.c1:hover { background: red; color: white; } | |||
.c2:hover { background: blue; color: white; } | |||
.c3:hover { background: green; color: white; } | |||
.c4:hover { background: yellow; color: white; } | |||
.cell:active { background: grey; color: white; } | |||
}} | |||
<div class="container"> | |||
<div class="cell c1" style="grid-column: 1; grid-row: 1;"></div> | |||
<div class="cell c2" style="grid-column: 1; grid-row: 2;"></div> | |||
<div class="cell c3" style="grid-column: 2; grid-row: 1;"></div> | |||
<div class="cell c4" style="grid-column: 2; grid-row: 2;"></div> | |||
</div> | |||