External Style Sheet
<input type="submit"
value="Login" class="btn"
onClick=parent.location="Home_Iframe.htm"
/>
CSS didefinisikan secara terpisah pada file yang berbeda.
Dan selanjutnya file atau halaman web yang ingin menerapkan style pada file CSS
tersebut tinggal memanggil file CSS tersebut. Cara ini umumnya digunakan pada
satu aplikasi berbasis web sehingga tampilan antar halaman akan terlihat
konsisten.
File yang berisi style CSS disimpan dalam format *.css.
Dari gambar diatas dapat dilihat file CSS ditempatkan dalam satu folder yang
sama dengan file HTML. Contoh penulisan file.css
input.btn
{color: #fff;
background: #ffa20f;
border: 2px outset #BBD16D;
font-family: "calibri", Times,
serif;
font-size: 14px;
font-weight: bold;
width : auto;}
Kemudian listing kode diatas disimpan dengan nama
style.css dan untuk selanjutkan akan dipanggil pada file html seperti pada
contoh berikut :
<html>
<head>
<title>Sistem Informasi WidyaIswara</title>
<style type="text/css">
</style>
<link href="style.css"
rel="stylesheet" type="text/css">
</head>
<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"
