Sejak penemuan bahasa markup hiperteks, HTML, konsep susun atur dan susun atur dokumen web telah berubah secara mendadak. Dengan sokongan penyemak imbas popular yang hampir lengkap untuk standard helaian gaya CSS dan CSS2, menjadi mustahil untuk mempengaruhi hampir semua aspek dari persembahan visual dokumen. Sebagai contoh, anda boleh membuat latar belakang pautan berwarna, diisi dengan beberapa gambar, dan juga berubah bergantung pada tindakan pengguna.
Perlu
- - keupayaan untuk menyunting teks dokumen atau teks helaian gaya dokumen;
- - penyunting teks yang membolehkan anda menyimpan dokumen dalam pengekodan asal.
Arahan
Langkah 1
Jadikan latar belakang pautan diisi secara seragam dengan warna rawak dengan menambahkan maklumat gaya sebaris ke elemen A. Tambahkan gaya ke atribut elemen A yang sesuai dengan pautan yang latar belakangnya ingin anda ubah. Dalam kandungan atribut gaya, letakkan sifat CSS warna latar dengan nilai yang diberikan, yang merupakan pengecam yang betul untuk warna latar. Contohnya, ia mungkin kelihatan seperti ini:
teks pautan
Langkah 2
Tentukan latar belakang pautan dalam helaian gaya luaran atau tertanam dalam dokumen anda. Dalam helaian gaya yang sesuai, tambahkan sekumpulan peraturan yang ditangani oleh pemilih dengan tahap kekhususan yang dapat diterima. Dalam set peraturan, masukkan harta warna latar dengan cara yang sama seperti pada langkah sebelumnya. Pilih kekhususan pemilih berdasarkan peraturan lata CSS2 dan skop yang diinginkan. Jadi, jika anda perlu menetapkan warna hanya satu pautan, masuk akal untuk menggunakan pemilih ID, jika ada beberapa pautan tersebut, lebih baik menggunakan pemilih atribut berdasarkan nilai kelas.
Sebagai contoh, untuk menetapkan latar belakang hijau untuk pautan tertentu dalam dokumen, anda boleh menambahkan sekumpulan peraturan ke helaian gaya:
# ID_GREEN
{
warna latar: # 00FF00;
}
Anda juga harus menetapkan atribut ID elemen A yang sesuai dengan pautan yang dikehendaki ke ID_GREEN:
teks pautan
Langkah 3
Isi latar belakang pautan dengan gambar. Ikuti kaedah yang dijelaskan dalam langkah satu dan dua, tetapi bukannya harta CSS warna latar belakang, gunakan gambar latar. Sebagai contoh:
teks pautan
Sekiranya perlu, tambahkan harta latar belakang ke peraturan CSS yang ditetapkan untuk menentukan pilihan untuk menduplikasi gambar latar secara mendatar dan menegak.
Langkah 4
Buat latar belakang pautan berubah semasa anda mengarahkan kursor ke atasnya atau ketika fokus bergerak. Tambahkan set peraturan ke helaian gaya dokumen luaran atau tertanam yang menentukan latar belakang kumpulan pautan atau pautan dalam keadaan yang berbeza. Gunakan pemilih ID dan atribut bersama dengan kelas pseudo dinamik: hover,: aktif, dan: fokus. Sebagai contoh, agar latar belakang pautan dengan nilai atribut ID ID_DYNAMIC_BACKGROUND berwarna merah dalam keadaan tidak aktif dan hijau dalam keadaan berada di bawah kursor tetikus, set peraturan berikut mesti ditambahkan pada helaian gaya:
# ID_DYNAMIC_BACKGROUND
{
warna latar: # FF0000;
}
# ID_DYNAMIC_BACKGROUND: tuding
{
warna latar: # 00FF00;
}
Anda boleh melakukan perkara yang sama untuk membuat latar belakang dengan gambar yang berubah secara dinamik.
