lanjut kita membahas tentang CSS, kali ini bahasannya adalah tentang Selector dengan Class dan Nama ID. Class pada css berfungsi untuk mengelompokkan beberapa elemen agar memiliki style yang sama. Pada umumnya style untuk class adalah sebagai berikut:
.namaClass {
property1 : value1;
property2 : value2;
property3 : value3;
property4 : value4;
dst
}
Dari sintaks umum diatas dapat kita buat satu contoh penggunaannya, adalah sebagai berikut:
<!DOCTYPE html>
<html>
<head>
<title> Selector Class </title>
<style type ="text/css">
.inputText{
color: red;
font-family: arial;
background: blue;
font-weigth: bold;
}
</style>
</head>
<body>
<form name ="form1">
Nama: <br>
<input type="text" name="alamat" class="inputText" /> <br><br>
Alamat: <br>
<textarea class="inputText"></textarea><br><br>
<input type="submit" name="submit" value="submit" />
</form>
</body>
</html>
Thursday, October 18, 2012
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment