CSS Tables

<!DOCTYPE html>
<html>
<head>
    <style>
        table { width: 100%; border-collapse: collapse; font-family: sans-serif; }
        th, td { padding: 12px; text-align: left; border-bottom: 1px solid #e2e8f0; }
        th { background-color: #0d2e5c; color: white; }
        tr:nth-child(even) { background-color: #f8fafc; }
        tr:hover { background-color: #e0f2fe; }
    </style>
</head>
<body>

    <table>
        <tr><th>Nama Siswa</th><th>Kelas</th><th>Nilai</th></tr>
        <tr><td>Budi Santoso</td><td>Web Frontend</td><td>95</td></tr>
        <tr><td>Siti Rahma</td><td>CSS Specialist</td><td>98</td></tr>
        <tr><td>Ahmad Fauzi</td><td>Backend API</td><td>92</td></tr>
    </table>

</body>
</html>