Sekiranya penyemak imbas pelawat laman web tidak menemui petunjuk reka bentuk warna pautan dalam kod halaman, maka ia menggunakan nilai lalai. Nilai-nilai ini berwarna biru untuk pautan pasif, merah untuk pautan aktif (di hover), dan warna warna magenta untuk pautan yang sudah dikunjungi. Skema warna ini tidak selalu digabungkan dengan skema warna reka bentuk halaman, oleh itu, sekumpulan deskripsi gaya pautan biasanya disertakan dalam kod.
Arahan
Langkah 1
Buat satu set arahan untuk penyemak imbas yang akan menerangkan warna pautan dalam tiga keadaan. Contohnya, ia boleh kelihatan seperti ini: a: link {color: Red;}
a: dilawati {color: Yellow;}
a: hover {color: Orange;} Di sini "a" di awal setiap baris disebut "selector" dan menentukan tag yang harus digunakan oleh penyemak imbas untuk menerangkan gaya yang dilampirkan dalam kurung kurung. "A" ialah teg hiperpautan. Kata yang ditambahkan ke pemilih yang dipisahkan oleh titik dua disebut "pseudo-class" - yang digunakan oleh penyemak imbas untuk menentukan pautan yang menyatakan gaya gaya pendakap keriting. pautan sepadan dengan pautan biasa, mengunjungi pautan yang sudah dikunjungi, dan arahkan pautan semasa kursor melayang di atasnya. Warna yang ditentukan untuk parameter warna di dalam pendakap keriting dapat ditentukan sama ada dengan nama warna warna atau dengan kod heksadesimalnya.
Langkah 2
Sekiranya anda perlu memberikan warna yang berbeza untuk kumpulan pautan yang berlainan di halaman, kemudian tetapkan setiap kumpulan sebutannya sendiri ("kelas") dan buat penerangan gaya masing-masing untuk masing-masing. Sebagai contoh, namakan satu kumpulan LinksRed dan LinksGreen yang lain. Maka penerangan gaya akan kelihatan seperti ini: a. LinksRed: link {color: Red;}
a. LinksRed: dilawati {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: pautan {warna: Hijau;}
a. LinksGreen: dilawati {color: DarkGreen;}
a. LinksGreen: arahkan {color: Lime;} Dan pada tanda pautan setiap kumpulan, anda mesti menunjukkan kelas mana mereka berada. Contohnya: Pautan merah
Pautan hijau
Langkah 3
Arahan ini ditulis dalam CSS (Cascading Style Sheets), jadi mereka perlu diletakkan di dalam tag gaya yang memisahkannya dari petunjuk lain dalam kod sumber halaman, ditulis dalam HTML (HyperText Markup Language)):
a. LinksRed: pautan {warna: Merah;}
a. LinksRed: dilawati {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: pautan {warna: Hijau;}
a. LinksGreen: dilawati {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;}
Langkah 4
Letakkan blok keterangan gaya pautan yang disediakan di bahagian tajuk kod sumber halaman - ia dibatasi oleh tanda dan.
