MohirDox

Ko'rinishi

HTML Havolalar - Turli Ranglar ​

HTML havolasi tashrif buyurilganmi, tashrif buyurilmaganmi yoki faol holatdami, shunga qarab turli rangda ko'rsatiladi.

HTML Havola Ranglari ​

Odatiy holatda, havola barcha brauzerlarda quyidagicha ko'rinadi:

  • Tashrif buyurilmagan havola ko'k rangda va ostiga chiziq tortilgan bo'ladi
  • Tashrif buyurilgan havola binafsha rangda va ostiga chiziq tortilgan bo'ladi
  • Faol havola qizil rangda va ostiga chiziq tortilgan bo'ladi

Havola holatlari rangini CSS yordamida o'zgartirish mumkin:

Misol

Bu yerda, tashrif buyurilmagan havola yashil rangda va ostiga chiziq tortilmaydi. Tashrif buyurilgan havola pushti rangda va ostiga chiziq tortilmaydi. Faol havola sariq rangda va ostiga chiziq tortiladi. Bundan tashqari, havolaga sichqoncha olib borilganda (a:hover) u qizil rangda va ostiga chiziq tortiladi:

css
a:link {
  rang: yashil;
  fon-rangi: shaffof;
  matn-bezak: yoq;
}

a:visited {
  rang: pushti;
  fon-rangi: shaffof;
  matn-bezak: yoq;
}

a:hover {
  rang: qizil;
  fon-rangi: shaffof;
  matn-bezak: chiziq;
}

a:active {
  rang: sariq;
  fon-rangi: shaffof;
  matn-bezak: chiziq;
}

Havola Tugmalari ​

Havolani CSS yordamida tugma ko'rinishida bezash mumkin:

Bu havola

Misol

css
a:link, a:visited {
  fon-rangi: #f44336;
  rang: oq;
  tozalash: 15px 25px;
  matn-joylash: markaz;
  matn-bezak: yoq;
  ko'rsatish: qator-ichida-blok;
}

a:hover, a:active {
  fon-rangi: qizil;
}

TIP

CSS haqida ko'proq bilmoqchi bo'lsangiz, bizning CSS Darsligimiz ga o'ting.

HTML Havola Teglari ​

TegTavsif
<a>Giperhavolani aniqlaydi

TIP

Barcha mavjud HTML teglar ro'yxatini ko'rish uchun bizning HTML Teglar Ma'lumotnomasi sahifasiga tashrif buyuring.