 | Cara Buat CSS Cara buat CSS untuk mempercantik wapsite Anda! |
1. Body
Body adalah bagian dari struktur dalam HTML yang akan memuat semua format dan informasi yang akan ditampilkan pada sebuah wapsite.
- Contoh:
body {
margin: 0;
padding: 0;
background: #ffffff;
color: #666666;
font: 12px ‘Trebuchet MS’, Verdana, Georgia, Arial, sans-serif;
}
Anda bisa edit sesukanya.
2. Class
Class adalah bagian untuk mengatur tampilan konten.
- Contoh:
.menu {color: #666666; background: #ffff00; border: 1px #ff0000 solid; }
Untuk menampilkannya, masukan kode <div class="menu">Kontennye</div> Anda juga bisa membuatnya lagi seperti "title" dll. Dan variasikan sesuai keinginan.
3. Link Teks
Setting untuk link text saat normal, adalah tanpa dekorasi text dan berwarna biru,
- Contoh:
a {
text-decoration: none;
color: #000099;
}
Sedangkan saat mouse melintas atau menuju link text tersebut, disetting sewarna dengan biru body dan memiliki garis bawah,
- Contoh:
a:hover {
color: #2B4C8D;
text-decoration: underline;
}
Dua setting di atas akan berlaku pada semua link text di area body, kecuali pada area lain dibuat setting berbeda.