HTML-dagi havolalarni ko'rsatish parametrlarini o'zgartirish kaskadli CSS jadvallari yordamida amalga oshirilishi mumkin. Ular havola shriftining ko'rinishini, foydalanuvchi uni bosishdan oldin va sichqonchani bosgandan so'ng uning rangini sozlashingiz mumkin. Bundan tashqari, ishlatilgan shriftning shriftini va uning hajmini o'zgartirishingiz mumkin.
Ko'rsatmalar
1-qadam
CSS-da bog'lanish parametrlarini o'rnatish uchun sinflar va psevdo-sinflar ishlatiladi. Pseudo-class a: link odatdagi havola uchun uslubni o'rnatadi, a: tashrif buyurilgan, allaqachon ishlatilgan havolaning ko'rinishini sozlash imkonini beradi. A: kursor element ustiga bosilganda teg parametrlari bilan faol ishlaydi va a: hover havola ustiga qo'yilganda uning uslubini o'rnatadi. Siz element uchun har qanday sinfni o'zingiz yaratishingiz mumkin va parametrlarda matnni formatlash uchun standart operatorlardan foydalaning.
2-qadam
Brauzerda havolali matnning pastki chizig'ini ko'rsatishni o'chirish uchun matnni bezatishni ishlating: none parametri. Siz ushbu atributni sinfda ham, element uchun soxta sinfda ham belgilashingiz mumkin. Havolaning rangini o'zgartirish uchun rang parametridan foydalaning, o'lcham uchun - standart shrift o'lchamidagi atribut. Agar siz qalin yoki kursiv turini kiritmoqchi bo'lsangiz, shrift-vazn parametridan foydalaning.
3-qadam
Html faylingizni sahifa kodini tahrirlash uchun ishlatadigan har qanday matn muharriri bilan oching. Shundan so'ng, hujjatingizning bir qismiga o'ting va tutqich yordamida sahifadagi kelajakdagi havolalar uchun CSS kodini o'rnating. Masalan:
Havolalarni o'zgartirish
a: link {matnni bezatish: yo'q;
shrift hajmi: 14px;
shrift og'irligi: qalin;
rang: qizil; }
4-qadam
Ushbu kod odatdagi havoladan pastki chiziqni olib tashlaydi, matn hajmini 14 pikselga o'rnatadi, qalin uslub va elementning qizil rangini qo'llaydi. Endi tegdagi har qanday havola shu tarzda ko'rsatiladi.
5-qadam
Siz CSS sinflari yordamida har bir aniq havola uchun uslublar qo'yishingiz mumkin. Shunday qilib, agar tegdagi kod quyidagicha ko'rinadigan bo'lsa:
a.link1 {shrift hajmi: 20px; rang: qora;}
6-qadam
Hujjatning asosiy qismidagi sinfdan foydalanib siz havolaning o'lchamini 20 piksel va qora rangga o'rnatishingiz mumkin:
Havola
Misoldan ko'rishingiz mumkinki, havolaning sinf atributini ko'rsatib, yaratilgan CSS kodi sinfi uchun yaratilgan qadam. Ushbu havola endi qora rangda ko'rsatiladi va hajmi 20 piksel. Ushbu xususiyatni o'zgartirish uchun sahifa bo'limining CSS kodini tahrir qiling.
7-qadam
Havolaning ko'rinishini o'zgartirish tugallandi, siz faylda kiritilgan o'zgarishlarni saqlashingiz va uni brauzerda ko'rish uchun ishlatishingiz mumkin.