Untitled

<!DOCTYPE html>
<html>
<head>
    <title>QUIZ!</title>
<style type="text/css">
    body{
        background-size: cover;
    }
    .judul{l
        color: red;
    }
    .judul2{
        background-color: cyan;
        font-style: italic ;
        border: outset red;
        color: blue;
    }
    table{
        border: dashed cyan;
        margin-top: 100px;
    }QUIZz
    .gif{
        width: 30px;
        height: 30px;
    }
    .a1{
        border: dotted gray;
        background-color: gray;
    }
    td{
        border: inset gray;
    }
    th{
        border-left: dashed red;
        border-right: dashed red;
        border-top: dotted red;
        border-bottom: dotted red;
        background-color: #FFE699;
    }
    a{
        color: red;
    }
</style>
</head>
<body background="bg.jpg">
<table cellspacing="0.5" align="center">
    <tr class="judul">
        <th colspan="2"><a href="">Pendaftaran Acara Porak SMKN 4 Bandung</a></th>
        <th colspan="2" class="gif"><img src="bas.gif" height="60" width="60"></th>
    </tr>
    <tr >
        <td class="judul2" width="15px">NO</td>
        <td class="judul2" width="50%">Nama</td>
        <td class="judul2">Kelas</td>
        <td class="judul2">X-TKJ</td>
    </tr>
    <tr class="a1">
        <td>1</td>
        <td>Alianso</td>
        <td rowspan="7" colspan="2"><img src="as.jpg"></td>
    </tr>
    <tr class="a1">
        <td>2</td>
        <td>Al Ghazali</td>
    </tr>
    <tr class="a1">
        <td>3</td>
        <td>Bendo</td>
    </tr>
    <tr class="a1">
        <td>4</td>
        <td>Charli</td>
    </tr>
    <tr class="a1">
        <td>5</td>
        <td>Dude Herlino</td>
    </tr>
    <tr class="a1">
        <td>6</td>
        <td>Falseto</td>
    </tr>
    <tr class="a1">
        <td>7</td>
        <td>Ghafani</td>
    </tr>
</table>
</body>
</html>