sialhkan di simak dan di coba..
<html>
<title>Table</title>
<head>
<style>
#body{
background-color:white;
margin: 0 0 0 70
}
.table
{
width:80%;
margin-top:20px;
margin-left:100px;
border:1px solid black;
font-family:Chalibri, Arial, Comic Sans MS;
text-align:center;
border-radius:4px;
}
td{
border: 1px solid red;
border-radius:5px;
}
th{
text-align:center;
align:center;
background-color:blue;
color:white;border-radius:5px;
}
#table
{
text-align:center;
background-color:pink;
border-radius:30px;
}
tr:hover {color:yellow; cursor: pointer;}
transition: all 1s;
</style>
</head>
<center><h1>DATA MAHASISWA FKI</h1></center>
<body id="body">
</body>
<table class="table">
<tr>
<th>NIM</th>
<th>NAMA</th>
<th>JURUSAN</th>
<th>JENIS KELAMIN</th>
<th>IP. KUMULATIF</th>
</tr>
<tr id="table">
<td>L200120007</td>
<td>TRIANA DEWI SALMA</td>
<td>INFORMATIKA</td>
<td>PEREMPUAN</td>
<td>4.0</td>
</tr>
<tr id="table">
<td>L100120012</td>
<td>MAISYAROH</td>
<td>KOMUNIKASI</td>
<td>PEREMPUAN</td>
<td>3.9</td>
</tr>
<tr id="table">
<td>L200120009</td>
<td>TIWIK HANIF Z.</td>
<td>INFORMATIKA</td>
<td>PEREMPUAN</td>
<td>3.9</td>
</tr>
<tr id="table">
<td>L100120008</td>
<td>FAKHRUDIN RIFA'I</td>
<td>KOMUNIKASI</td>
<td>LAKI-LAKI</td>
<td>3.8</td>
</tr>
<tr id="table">
<td>L100120006</td>
<td>BAGAS </td>
<td>KOMUNIKASI</td>
<td>LAKI-LAKI</td>
<td>3.8</td>
</tr>
<tr id="table">
<td>L100120002</td>
<td>BUDI DARMANTO </td>
<td>INFORMATIKA</td>
<td>LAKI-LAKI</td>
<td>3.7</td>
</tr>
</table>
</html>
Dan,, berikut hasilnya..
