Ulanishni chizib chizish yoki chizilgan nuqta yoki ikki chizilgan chizilgan havolalar yaratish
Odatiy bo'lib, veb-brauzerlari muayyan HTML elementlariga qo'llanadigan ma'lum CSS uslublarini saqlaydi. Agar siz ushbu parametrlarni saytingizning uslublar jadvallari bilan yozib qo'ysangiz, u holda standartlar qo'llaniladi. Ko'priklar uchun standart ko'rsatuv uslubi bog'langan matnning ko'k va altsizlanganligini anglatadi. Brauzer buni amalga oshiradi, shuning uchun saytga tashrif buyuruvchilar qaysi matnni bog'langanligini osongina ko'rishlari mumkin. Ko'plab veb-dizaynerlar ushbu standart uslublar uchun ahamiyat bermaydilar. Yaxshiyamki, CSS osonlik bilan ta'kidlanganlarning ko'rinishini o'zgartirishi yoki ularni butunlay olib tashlashni osonlashtiradi.
Matnli havolalar bo'yicha chizilganlikni olib tashlash
Chizilgan matn matnli bo'lmagan matnni o'qish uchun yanada qiyin bo'lishi mumkin. Bundan tashqari, ko'plab dizaynerlar, matnning ostidagi chizilgan matnlarning ko'rinishiga e'tibor bermaydi. Bunday holatlarda, siz ushbu chiziqlarni butunlay yo'q qilishni xohlaysiz.
Pastki chiziqlarni matnli havolalardan olib tashlash uchun siz CSS xususiyat matnini bezashni ishlatasiz. Buni amalga oshirish uchun siz yozadigan CSS:
{text-decoration: none; }
CSS-ning bitta satri bilan, barcha matnli havolalardan pastki chiziqni olib tashlashingiz mumkin. Bu juda umumiy uslub bo'lsa ham (u element tanlagichidan foydalanadi), odatiy brauzerlar uslublaridan ko'ra ko'proq o'ziga xoslik mavjud. Ushbu standart uslublar tagida chizilgan chiziqlar bilan boshlanadigan narsalar bo'lgani uchun, buning ustiga yozish kerak bo'lgan narsadir.
Chizilgan chiziqlarni olib tashlash haqida ogohlantirish
Vizual ravishda, chizilgan chiziqlarni olib tashlash, siz bajarishni istagan narsangiz bo'lishi mumkin, ammo buni amalga oshirishda ham ehtiyot bo'lishingiz kerak. Ochiq havolalarning ko'rinishini xohlamaysizmi yoki yo'qmi, siz qaysi matn bilan bog'langanligi va qanday bo'lmasin, uni ochiq-oydin qilishlarini ta'kidlay olmaysiz. Agar siz mavhum ko'k rangning asl rangini ko'rsatib yoki o'zgartirsangiz, siz ularga aloqador matnni ajratishga imkon beradigan uslublar bilan almashtirilganligingizga ishonch hosil qilishingiz kerak. Bu sizning saytingizga tashrif buyuruvchilaringiz uchun yanada qiziqarli tajribaga ega bo'ladi.
Non-linklarni chizmaslik kerak
Aloqada va chizib chizilgan boshqa bir ehtiyotkorlik, matnni ta'kidlashning bir usuli sifatida emas, balki matnni ta'kidlamang. Odamlar, chizilgan matnni havola qilishni kutishgan, shuning uchun diqqatni kiritish uchun diqqatni jalb qilish (agar buni qalin yoki italicizing qilish o'rniga) kontentni chizib qo'ysangiz, noto'g'ri xabarni jo'natasiz va sayt foydalanuvchilarini aralashtirasiz.
Pastki chiziqni nuqtali yoki chiziqlarga o'zgartiring
Matnli aloqani saqlab qolish zarurligini ta'kidlamoqchi bo'lsangiz, uni "chizilgan" chiziq bo'lgan asl ko'rinishdan ajratib ko'rsatish uslubini o'zgartiring, buni ham qilishingiz mumkin. Ushbu qat'iy chiziqning o'rniga sizning havolalaringizni chizish uchun fikrlaringizdan foydalanishingiz mumkin. Buni amalga oshirish uchun siz hali ham ostki chiziqni olib tashlaysiz, lekin uni chegara ostidagi uslublar bilan o'zgartirasiz:
{text-decoration: none; pastki taglik: 1px nuqta; }Siz standart chiziqni olib tashlaganingizdan boshlab, nuqta-bu faqat paydo bo'ladi.
Siz chiziqlarni olish uchun xuddi shunday narsani qilishingiz mumkin. Faqat chegara pastki uslubini kesish uchun o'zgartiring:
{text-decoration: none; pastki taglik: 1px dashed; }Chizilgan rangini o'zgartiring
O'zingizning aloqalaringizga diqqatni jalb qilishning yana bir usuli - chizilgan rangning rangini o'zgartirish. Rangni rang sxemasiga mos kelishiga ishonch hosil qiling.
{text-decoration: none; pastki taglik: 1px qizil rangli; }Ikki marta chizilgan
Ikki marta chizilgan chiziqlarni ishlatish uchun chegara chegara kengligini o'zgartirish kerak. Agar siz 1px kengligida chegara hosil qilsangiz, unda bir marta chizilgan taglikka o'xshab pastki chiziq bilan tugaydi.
{text-decoration: none; pastki taglik: 3px juftlik; }Bundan tashqari, mavjud chizilganlarni boshqa funktsiyalar bilan, masalan, nuqtali chizilgan qatorlardan ikkinchisini ajratish uchun foydalanishingiz mumkin:
{border-bottom: 1px er-xotin; }Bog'lanish davlatlarini unutmang
Chegarali pastki uslubni quyidagi hollarda turli yo'nalishlardagi havolalaringizga qo'shishingiz mumkin: hover,: faol yoki: visit. Ushbu "hover" pseudo sinfidan foydalanganda mehmonlar uchun ajoyib "rollover" uslubi tajribasini yaratishi mumkin. Havolani siltab turganingizda, ikkinchi nuqta chizilgan chizilgan joy paydo bo'lishi uchun:
{text-decoration: none; } a: hover {border-bottom: 1px nuqta; }Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan tahrirlangan