Saat kita menjelajahi banyak situs web, kita akan melihat bahwa di beberapa situs web, saat mouse Anda bergerak di atas teks di bilah navigasi, Anda akan merasakan kata-katanya bergerak, atau warna font akan berubah, atau
akan ada garis besar. . Lihat saya Anda memahami efek bilah navigasi di blog saya. Hari ini, San Shao akan memberi tahu Anda cara mencapainya.
Sebenarnya ini sangat sederhana, ini sebenarnya diimplementasikan menggunakan CSS, silakan ikuti langkah saya, Ayo!
1. Masuk ke manajemen portal pribadi Anda, pilih pengaturan portal pribadi, lalu pilih pilihan template, pilih CSS khusus untuk masuk.
2. Pernahkah Anda melihat beberapa kode CSS? Silakan temukan kode berikut:
body{
margin-top: 0px;
margin-kanan: otomatis;
margin-bawah: 0px;
margin-kiri: otomatis;
lebar: 956 piksel;
warna latar belakang: #336666;
ukuran font: 12px;
warna: #666666;
}#navi_bar a:tautan {
/*Warna teks bilah navigasi*/
}#navi_bar a:visited {}
Oke, berikut langkah-langkah utamanya:
tambahkan kode berikut setelah ini:
#navi_bar a:hover{color:#000000; font-weight:bold;text-decoration:blink;background:#FF0000;font-size:18px}
#navi_bar a{tampilan:blok}
Deskripsi kode: 1. warna mewakili warna kata ketika mouse digerakkan, dan dekorasi teks mewakili efek modifikasi teks. Atribut yang dapat dipilih adalah (tidak ada berarti
hyperlink
tidak memiliki garis bawah, garis bawah memiliki garis bawah, dan garis atas menambahkan hyperlink ke teks.Overline, ubah ke line-through untuk menambahkan garis ke teks yang di-hyperlink, dan berkedip untuk membuat teks
berkedip
).font-size mewakili ukuran font. Jika Anda ingin membuat bilah navigasi dinamis, ukuran font di sini
lebih besar dari font di navi_bar a:link. Ukuran font dalam definisi CSS adalah 14px, jadi kita perlu memilih font yang lebih besar dari 14px.
2.navi_bar a{display:block} berarti warna memenuhi seluruh tabel, jika tidak, hanya teks yang dapat diisi.