Atribut Cascading Style Sheets (CSS) paling sering digunakan untuk mengubah warna hyperlink di halaman web. Penyelesaian yang kurang berfungsi untuk masalah ini adalah dalam bahasa HTML (HyperText Markup Language - "hypertext markup language").
Ia perlu
Pengetahuan asas bahasa HTML dan CSS
Arahan
Langkah 1
Sediakan blok gaya untuk pautan hiper. Dalam bentuknya yang paling sederhana, mungkin terlihat seperti ini: a {color: Green} Di sini "a" disebut "selector", yang menunjukkan bahawa deskripsi gaya dalam kurungan harus diterapkan pada semua tag pautan dalam dokumen. Hijau menentukan warna pautan; ini adalah definisi warna yang sangat kasar dan jarang digunakan. Jauh lebih kerap, "pseudo-class" ditambahkan ke pemilih "a" - ini adalah label yang membolehkan anda menentukan gaya pautan dalam tiga keadaan yang berbeza.
Langkah 2
Gunakan pseudo-class pautan untuk menggayakan keadaan pautan normal (tidak aktif). Ia mungkin kelihatan seperti ini, misalnya: a: link {color: Green}
Langkah 3
Gunakan hover kelas pseudo untuk menentukan bagaimana pautan itu akan muncul pada hover. Contohnya: a: hover {color: Lime}
Langkah 4
Gunakan kelas pseudo yang dikunjungi untuk menerangkan gaya pautan yang sudah dikunjungi. Contohnya: a: dikunjungi {color: DarkGreen}
Langkah 5
Gabungkan ketiga-tiga keadaan menjadi satu blok penerangan gaya. Tampilan kod HTML yang mengandungi deskripsi gaya CSS boleh, seperti ini, seperti ini:
a: pautan {warna: Hijau}
a: dilawati {color: DarkGreen}
a: tuding {color: Lime}
Di sini, tag gaya HTML pembukaan dan penutupan memberitahu penyemak imbas di mana perihalan gaya bermula dan berakhir, dan di antara mereka adalah keterangan mengenai tingkah laku pautan di tiga keadaan.
Langkah 6
Sampel yang digunakan di atas menunjukkan hanya ciri warna, tetapi atribut lain dapat dimasukkan dalam keterangan. Sebagai contoh, jika reka bentuk halaman memerlukan pautan tidak digarisbawahi dalam keadaan normal (tidak aktif), tetapi digarisbawahi ketika kursor dituding, kod tersebut dapat diubah seperti berikut:
a: pautan {warna: Hijau; hiasan teks: tiada;}
a: dilawati {color: DarkGreen; hiasan teks: tiada;}
a: tuding {color: Lime; hiasan teks: garis bawah;}
Langkah 7
Sekiranya anda ingin mengubah warna hanya beberapa pautan di halaman, dan membiarkan yang lain dengan tetapan lalai, kemudian tambahkan atribut kelas ke tag setiap pautan yang diubah. Sebagai contoh, namakan kelas hyperlink ini newLinks. Kemudian tag pautan mungkin kelihatan seperti ini: pautan teks Nama kelas yang sama mesti ditambahkan pada keterangan gaya:
a.newLinks: pautan {warna: Hijau; hiasan teks: tiada;}
a.newLinks: dilawati {color: DarkGreen; hiasan teks: tiada;}
a.newLinks: hover {color: Lime; hiasan teks: garis bawah;}
Langkah 8
Letakkan kod keterangan gaya yang disediakan dari contoh yang dijelaskan di atas pada tajuk halaman - antara tanda dan. Sekiranya perlu, tambahkan atribut kelas ke tag pautan dengan nama yang digunakan dalam deskripsi gaya. Kemudian simpan halaman yang diubah suai dan prosedur untuk menukar warna hyperlink akan selesai.
