Олон вэбмастерууд сайт дээрх холбоосыг хэрхэн харуулахыг засахыг хүсдэг боловч зөвхөн HTML хаягуудын талаархи мэдлэгтэй тул энэ нь боломжгүй юм. Хэрэв та холбоосуудаас доогуур зураасыг арилгахыг хүсвэл HTML нь туслахгүй - та олон хүмүүст нэлээд хэцүү байдаг CSS кодыг ашиглах хэрэгтэй болно.
Курсор холбоосоор дамжин өнгөрөхөд мөр алга болох эсвэл илрэх нь танай сайтад ер бусын байдлыг нэмж, хэрэглэгчдийг татдаг тул хэрэв та сайтын эзэн, вэбмастер бол холбоосын доогуур зураас арилгах энгийн үйл явцыг сурч мэдэх нь зүйтэй болов уу.
Зааварчилгаа
1-р алхам
Жишээ болгон холбохыг хүссэн текстийн мөрийг ав. Ажиллахын тулд танд текст чимэглэл хэрэгтэй: none parameter. Хэрэв та хуудасны кодонд тодорхой газар нэмж оруулбал доогуур зурсан холбоос алга болно.
Дараах кодыг олоод "А" үсгийн дараа дээрх текстийн хэв маягийн параметрийг оруулна уу.
А {
текст чимэглэл: байхгүй
}
Алхам 2
Кодыг ингэж өөрчилснөөр та холбоосын доогуур зураасыг хассан болно. Одоо, хэрэв та курсортой холбоос дээр хулганаа дарахад, түүний өнгө өөрчлөгдөхөд, жишээ нь, улаан дээр өөрчлөгдөхөд л дахин гарч ирэхийг хүсвэл дараахь параметрүүдийг кодонд нэмнэ үү.
Х: hover {
текст чимэглэл: доогуур зурах;
өнгө: улаан
}
Эндээс харахад доогуур зураас болон өнгөний параметр дахин гарч ирэв.
Алхам 3
Эндээс харахад доогуур зураас болон өнгөний параметр дахин гарч ирэв.
Сүүлийн гурав дахь хэсгийг дээр дурдсан кодын хэсгүүдэд нэмж оруулаарай, энэ нь эцсийн хэсэг байх болно, үүнд та шууд холбоосын текстийг оруулна, үүнд үр дүнгийн үр дүнг шалгаж болно.
Баталгаажуулах текстийг холбох
