CSS didefinisikan terlebih dahulu dalam tag <style> ... </style> di atas tag <body>, lebih tepatnya didalam tag <head>
</style>
</head><html>
<head>
<style>
input.btn
{color: #fff;
background: #ffa20f;
border: 2px outset #BBD16D;
font-family: "calibri", Times, serif;
font-size: 14px;
font-weight: bold;
width : auto;}
<body>
<table>
<tr>
<td><form >
<p><label for="nama">Username</label>
<input type="text" id="nama" />
</p>
<p>
<label for="KTP">Password</label>
<input type="text" id="KTP" />
</p>
<p>
<input type="submit" value="Login" class="btn"
onClick=parent.location="Home_Iframe.htm" />
</p>
</form></td>
</tr>
</table>
</body>
</html>
Bila listing kode diatas dijalankan akan menghasilkan tampilan sebagai berikut ini :
<style>
input.btn
{ …….}
Di bagian body terdapat penerapan CSS dengan cara memanggil nama classnya
Tidak ada komentar:
Posting Komentar