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 :
Sedangkan contoh yang dibawah ini adalah link yang menggunakan property background:
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.
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 ;} |
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 ;} |
0 komentar:
Posting Komentar