28 lines
1.3 KiB
CSS
28 lines
1.3 KiB
CSS
|
body {
|
||
|
|
display: flex;
|
||
|
|
height: 100vh;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.sudoku {
|
||
|
|
border: medium solid black;
|
||
|
|
border-collapse: collapse;
|
||
|
|
margin: auto;
|
||
|
|
}
|
||
|
|
table.sudoku td {
|
||
|
|
border: thin solid lightgray;
|
||
|
|
height: 3rem;
|
||
|
|
width: 3rem;
|
||
|
|
vertical-align: middle;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
table.sudoku td:nth-child(3n) {
|
||
|
|
border-right: medium solid black;
|
||
|
|
}
|
||
|
|
table.sudoku tr:nth-child(3n) {
|
||
|
|
border-bottom: medium solid black;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.sudoku tr:nth-child(9) > td:nth-child(1), table.sudoku tr:nth-child(9) > td:nth-child(9), table.sudoku tr:nth-child(8) > td:nth-child(2), table.sudoku tr:nth-child(8) > td:nth-child(8), table.sudoku tr:nth-child(7) > td:nth-child(3), table.sudoku tr:nth-child(7) > td:nth-child(7), table.sudoku tr:nth-child(6) > td:nth-child(4), table.sudoku tr:nth-child(6) > td:nth-child(6), table.sudoku tr:nth-child(5) > td:nth-child(5), table.sudoku tr:nth-child(4) > td:nth-child(6), table.sudoku tr:nth-child(4) > td:nth-child(4), table.sudoku tr:nth-child(3) > td:nth-child(7), table.sudoku tr:nth-child(3) > td:nth-child(3), table.sudoku tr:nth-child(2) > td:nth-child(8), table.sudoku tr:nth-child(2) > td:nth-child(2), table.sudoku tr:nth-child(1) > td:nth-child(9), table.sudoku tr:nth-child(1) > td:nth-child(1) {
|
||
|
|
background-color: gold;
|
||
|
|
}/*# sourceMappingURL=diagonal-sudoku.css.map */
|