Script html :
<
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<link rel="stylesheet" href="dd.css" type="text/css"/>
<p><center><table id="table-a" height="50%">
<thead>
<tr><th>No</th><th>Nama</th> <th>NIM</th></tr>
</thead>
<tbody>
<tr><td>1.</td><td>Arif Setya N</td><td>L200130177</td></tr>
<tr><td>2.</td><td>-</td><td>-</td></tr>
<tr><td>3.</td><td>-</td><td>-</td></tr>
</tbody>
</table>
<body>
</body>
</html>
script css :
#table-a{ font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 500px;
text-align: center;
border-collapse: collapse;}
#table-a th{ font-size: 13px;
font-weight: normal;
padding: 8px;
background: #FF3E29;
border-top: 4px solid #0099FF;
border-bottom: 1px solid #00CCFF;
color: #FF3E29;}
#table-a td{ padding: 8px;
background: #33CCFF;
border-bottom: 1px solid #0099FF;
color: #FF3E29;
border-top: 1px solid transparent;}
#table-a tr:hover td{ background: #FF0000;
color:#FF3E29;}
Tidak ada komentar:
Posting Komentar