<link href="https://fonts.googleapis.com/css?family=Bree+Serif&display=swap" rel="stylesheet">
<style type="text/css">
    table{
        border: 5px outset darkblue;
        background: linear-gradient(to right, #0033cc 0%, #ff0066 100%);
        width: 600px;
    }
    th{
        font-family: 'Bree Serif', serif;
        font-size: 20px;
    }
    td{
        font-family: 'Bree Serif', serif;
        font-size: 17px;
    }
</style>

<?php
    $siswa = array(
        array('nis' => '1314115690', 'nama' => 'Bruce Banner', 'kelas' => 'MIF 1', 'jurusan' => 'MIF'),
        array('nis' => '1314115692', 'nama' => 'Stephen Strange', 'kelas' => 'MIF 2', 'jurusan' => 'MIF'),
        array('nis' => '1314115693', 'nama' => 'Tony Stark', 'kelas' => 'MIF 3', 'jurusan' => 'MIF'),
        array('nis' => '1314114799', 'nama' => 'Peter Parker', 'kelas' => 'MIF 1', 'jurusan' => 'MIF')
    );
?>

<table border="1" cellspacing="3" cellpadding="3">
    <tr>
        <th>NIS</th>
        <th>Nama</th>
        <th>Kelas</th>
        <th>Jurusan</th>
    </tr>
    <?php foreach ($siswa as $avengers) { ?>
        <tr>
            <td><?php echo $avengers['nis']; ?></td>
            <td><?php echo $avengers['nama']; ?></td>
            <td><?php echo $avengers['kelas']; ?></td>
            <td><?php echo $avengers['jurusan']; ?></td>
        </tr>
    <?php } ?>
</table>