Როგორ შევცვალოთ ლინკები ხაზგასმულია ვებგვერდზე

ამოიღეთ ლინკები ხაზგასმულია ან შექმნა Dashed Dotted, ან ორმაგი ხაზგასმული ბმულები

ჩვეულებრივ, ვებ ბრაუზერები გარკვეული CSS სტილის, რომ ისინი ვრცელდება კონკრეტული HTML ელემენტები. თუ თქვენ არ გადაწერეთ ეს დეფოლტირება თქვენი საიტის სტილით, მაშინ დეფოლტის გამოყენება მოხდება. ჰიპერბმულებს, ნაგულისხმევი ჩვენების სტილი არის ის, რომ ნებისმიერი დაკავშირებული ტექსტი იქნება ლურჯი და ხაზგასმული. ბრაუზერი ამას აკეთებს ისე, რომ საიტის სტუმრებს შეუძლიათ ადვილად ნახონ რა ტექსტი უკავშირდება. ბევრი ვებ დიზაინერი არ იზრუნოს ამ default სტილის, განსაკუთრებით ხაზს უსვამს. საბედნიეროდ, CSS ხდის ადვილად შეცვალოს სახე იმ ხაზს უსვამს ან ამოიღონ მათ მთლიანად.

ტექსტური ბმულების ხაზგარეშე წაშლა

ხაზგასმული ტექსტი უფრო რთული იქნება, რომ წაიკითხოს არა-ხაზგასმული ტექსტი. გარდა ამისა, ბევრი დიზაინერი უბრალოდ არ აინტერესებს ხაზგასმული ტექსტური ბმულების სახეს. ამ შემთხვევაში, თქვენ სავარაუდოდ გვინდა, რომ ამოიღონ ეს ყველაფერი ხაზგასმით.

ტექსტური ბმულების ხაზგარეშე ამოღება, თქვენ გამოიყენებთ CSS- ის ტექსტურ გაფორმებას. აქ არის CSS, რომ დაწერეთ ამის გაკეთება:

ტექსტის გაფორმება: არა; }

ამ ერთი ხაზი CSS, თქვენ ამოიღონ ხაზგასმა ყველა ტექსტი კავშირები. მიუხედავად იმისა, რომ ეს არის ძალიან ზოგადი სტილი (იგი იყენებს ელემენტის სელექტორს), ის კიდევ უფრო სპეციფიკურია, ვიდრე ნაგულისხმევი ბრაუზერის სტილის გაკეთება. იმის გამო, რომ ნაგულისხმევი სტილის არის ის, რაც ქმნის ხაზს უსვამს დაწყებას, ეს არის ის, რაც თქვენ გჭირდებათ გადაწერა.

გაფრთხილება მოხსნის შესახებ

ვიზუალურად, ხაზგასმულია მოხსენიება, ზუსტად ის, რაც გინდა, რომ შეასრულოთ, მაგრამ სიფრთხილი უნდა იყოს, როცა ამას აკეთებ. თუ გნებავთ ხაზი გაუსვა ხაზი ხაზგასმული ბმულები თუ არა, ვერ იტყვით, რომ ისინი აშკარაა, თუ რომელი ტექსტი უკავშირდება და არ არის. თუ თქვენ წაიღებთ ხაზს უსვამს ან შეცვალეთ ეს სტანდარტული ლურჯი ბრჭყალი ფერი, უნდა დარწმუნდეთ, რომ ჩაანაცვლებთ მათ სტილებს, რომლებიც კვლავ უკავშირებენ დაკავშირებულ ტექსტს. ეს გახდის უფრო ინტუიციურ გამოცდილებას თქვენს საიტზე სტუმრებისთვის.

ხაზგასმულია არა ბმულები

სხვა სიფრთხილით ბმულები და ხაზგასმულია, ხაზგასმით არ აღინიშნოს ტექსტი, რომელიც არ არის ბმული ხაზგასმის ხაზით. ხალხი მოვიდა ველით ხაზი გაუსვა ტექსტი იყოს ბმული, ასე რომ, თუ ხაზგასმულია შინაარსი, რათა დაამატოთ აქცენტი (ნაცვლად, რათა ის გაბედული ან italicizing მას), თქვენ გაგზავნის არასწორი გაგზავნა და იქნება აღრეული საიტი მომხმარებლებს.

შეცვალეთ ქვედა ხაზი Dots ან Dashes

თუ გსურთ შეინახოთ თქვენი ტექსტური ბმული ხაზს უსვამს, მაგრამ შეცვალეთ ეს ხაზის სტილის შეცვლა default view, რომელიც "soldi" ხაზია, შეგიძლიათ გააკეთოთ ეს. ამ მყარი ხაზის ნაცვლად შეგიძლიათ გამოიყენოთ წერტილები თქვენს ბმულებზე. ამის გაკეთება, თქვენ კვლავ გააგრძელებთ ხაზს, მაგრამ ჩაანაცვლებთ მას სასაზღვრო სტილის ქონებას:

ტექსტის გაფორმება: არა; საზღვრის ქვედა: 1px dotted; }

მას შემდეგ, რაც თქვენ წაშლილია სტანდარტული ხაზგარეშე, dotted ერთი არის ერთადერთი, რომელიც გამოჩნდება.

თქვენ შეგიძლიათ იგივე გააკეთოთ, რომ მიიღოთ dashes. უბრალოდ შეცვალეთ საზღვრის ქვედა სტილის დადება:

ტექსტის გაფორმება: არა; საზღვრის ქვედა: 1px დატეხილი; }

შეცვლა ხაზგარეშე ფერი

კიდევ ერთი გზა მიაპყროს ყურადღებას თქვენი ბმულები არის შეცვალოს ფერის ხაზი. უბრალოდ დარწმუნდით ფერი შეესაბამება თქვენს ფერში სქემა .

ტექსტის გაფორმება: არა; საზღვრის ქვედა: 1px მყარი წითელი; }

ორმაგი ხაზს უსვამს

ორმაგი ხაზს უსვამს, რომ საზღვრის სიგანე უნდა შეიცვალოს. თუ თქვენ შექმნით 1px ფართო საზღვარს, თქვენ დასრულდება ორმაგი ხაზგასმით, რომელიც გამოიყურება როგორც ერთი ხაზი.

ტექსტის გაფორმება: არა; საზღვრის ქვედა: 3px ორმაგი; }

თქვენ ასევე შეგიძლიათ გამოიყენოთ არსებული ხაზები, რათა გაეკეთებინათ სხვა ფუნქციები, როგორიცაა ერთ-ერთი ხაზი,

{border-bottom: 1px ორმაგი; }

ნუ დაივიწყეთ ლინკები შტატები

თქვენ შეგიძლიათ დაამატოთ საზღვრის ქვედა სტილი თქვენს კავშირებზე სხვადასხვა სახელმწიფოებში, როგორიცაა: hover,: აქტიური, ან: ეწვია. ეს შეიძლება შექმნას ლამაზი "rollover" სტილის გამოცდილება სია, როდესაც თქვენ იყენებთ "hover" ფსევდო კლასი. მეორე წერტილის ხაზის გაკეთებისას გამოჩნდება ბმულით

ტექსტის გაფორმება: არა; } a: hover {border-bottom: 1px dotted; }

ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირებულია Jeremy Girard