Karena baru belajar dan belum menguasai secara 100%, maka sederhana saja
Berikut script HTML
<textarea>
<html>
<head>
<title>Data Pribadi Mahasiswa</title>
<link href="css2.css" rel="stylesheet" type="text/css">
</head>
<body>
<table align="center">
<th colspan="3" class="header">Tabel Data Pribadi Mahasiswa</th>
<tr class="Green" bgcolor="Green">
<td width="352">Nama</td>
<td width="12">:</td>
<td width="600">Wahyu Eko</td>
</tr>
<tr class="Red">
<td>NIM</td>
<td>:</td>
<td>L200120115</td>
</tr>
<tr class="Red" bgcolor="Red">
<td>Alamat</td>
<td>:</td>
<td>Jl. Kuburan No. 13</td>
</tr>
<tr class="white">
<td>TTL</td>
<td>:</td>
<td>Simpang kanan, 12 Desember 1970</td>
</tr>
<tr class="Yellow" bgcolor="Yellow">
<td>Universitas</td>
<td>:</td>
<td>UNS</td>
</tr>
<tr class="white">
<td>Jurusan</td>
<td>:</td>
<td>MIPA</td>
</tr>
</table>
</body>
</html>
</textarea>
Berikut script CSS
<textarea>
@charset "utf-8";
<style type="text/css">
#body{
background-color:Red}
.data
{
width:40%;
margin-top:20px;
margin-left:100px;
border:1px solid Black;
font-family: Georgia, "Times New Roman", Times, serif, Helvetica;
text-align:center;
}
td{
border: 1px solid;
}
th
{
text-align:center;
align:center;
background-color:black;
color:white;
}
.data1
{
text-align:center;
background-color:#ccc;
}
tr:hover {
color:Black;
background:#00F;
cursor: crosshair;
}
transition: all 1s;
</style>
</textarea>
Atau download disini
About Me
- Phantoms
- Nama ku Wahyu Eko, sebut saja Wahyu, sekarang menjalani kuliah di UMS,
Tidak ada komentar:
Posting Komentar