Setelah mempelajari CSS style font, mari kita lanjutkan belajar tentang CSS link. CSS Link dapat diatur dengan css property misalnya color, font family, background dan lain-lain.
Masih inget kan, materi HTML Link yang pernah kita bahas saat belajar HTML dulu? Nah materi ini kira-kira mirip dengan materi HTML Link namun, kita akan mencoba mengatur tampilannya dengan menggunakan CSS.
Langsung saja, disini saya akan memberikan contoh link menggunakan property text-decoration yang banyak digunakan untuk menghapus underline (garis bawah) dari link :
1
2
3
4
5
6
7
| a:link {text-decoration:none;}a:visited {text-decoration:none;}a:hover {text-decoration:underline;}a:active {text-decoration:underline;} |
Sedangkan contoh yang dibawah ini adalah link yang menggunakan property background:
1
2
3
4
5
6
7
| a:link {background-color:#B2FF99;}a:visited {background-color:#FFFF85;}a:hover {background-color:#FF704D;}a:active {background-color:#FF704D;} |
Materi belajar css style berikutnya adalah List. Dengan CSS list kita bisa mengatur penanda yang berbeda pada baik pada ordered list (ditandai menggunakan angka atau huruf) maupun unordered list (ditandai menggunakan bullet) serta mengatur gambar sebagai penanda daftar / list.
0 comments:
Post a Comment