A. Embedded
Style Sheet
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>
Pada listing kode diatas, penerapan style diberikan pada
komponen input button hal ini ditandai dengan pembuatan CSS dengan nama
“input.btn” didalam tag <style></style>
<style>
input.btn
{ …….}
Di bagian body terdapat penerapan CSS dengan cara
memanggil nama class nya
