Erzeugung vom Spielfeld

2 years ago · 7af5f5a49f
2 changed files with 95 additions and 0 deletions
--- a/vier_gewinnt/CSS/style.css
+++ b/vier_gewinnt/CSS/style.css
@ -0,0 +1,22 @@
 body{
    background-color: antiquewhite;
 }
 table{
    background-color: rgb(29, 6, 233);
    border: 3px solid black;
    border-radius: 20px;
    padding: 5px;
 }
 td{
    border: 1px solid black;
    border-radius: 25px;
    height: 50px;
    width: 50px;
    background-color: white;
 }
 td:hover{
    background-color: aliceblue;
 }
--- a/vier_gewinnt/vierGewinnt.html
+++ b/vier_gewinnt/vierGewinnt.html
@ -0,0 +1,73 @@
 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./CSS/style.css">
    <script src="/JS/vierGewint.js"></script>
    <title>Vier Gewinnt</title>
 </head>
 <body>
    <h1>Vier Gewinnt</h1>
    <p>Vier Gewinnt ist ein Spiel, indem Spieler abwechseld Steine in Felder legen, wer als erstes vier Steine nebeneinader, übereinander oder diagonal hat, hat gewonnen.</p>
    <table>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
 </body>
 </html>