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
<input type="submit" value="Login" class="btn"
onClick=parent.location="Home_Iframe.htm" />
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"
Bila listing kode diatas dijalankan maka akan menghasilkan tampilan seperti berikut
<style type="text/css">
</style>
<link href="style.css" rel="stylesheet" type="text/css">
Tidak ada komentar:
Posting Komentar