როგორ დავაყენოთ ბმულის ფერი

Სარჩევი:

როგორ დავაყენოთ ბმულის ფერი
როგორ დავაყენოთ ბმულის ფერი
Anonim

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

როგორ დავაყენოთ ბმულის ფერი
როგორ დავაყენოთ ბმულის ფერი

ინსტრუქციები

Ნაბიჯი 1

შექმენით ინსტრუქციების ნაკრები ბრაუზერისთვის, რომელიც აღწერს ბმულის ფერს სამ მდგომარეობაში. მაგალითად, ის შეიძლება ასე გამოიყურებოდეს: a: link {color: Red;}

a: ეწვია {ფერი: ყვითელი;}

a: hover {ფერი: ნარინჯისფერი;} აქ "სტრიქონს" თითოეული სტრიქონის დასაწყისში ეწოდება "ამორჩევა" და მიუთითებს ტეგს, რომელზეც ბრაუზერმა უნდა გამოიყენოს სტილის აღწერილობა, რომელიც თან ახლავს ხვეულ ფრჩხილებში. "A" არის ჰიპერბმულის ნიშანი. მსხვილი ნაწლავით გამოყოფილ სელექტორს დაემატა სიტყვა ეწოდება "ფსევდო კლასს" - რომელსაც ბრაუზერი იყენებს იმის დასადგენად, თუ რომელ ბმულის მდგომარეობას ეკუთვნის ხვეული ფრჩხილების სტილი. ბმული ემთხვევა რეგულარულ ბმულს, ეწვია უკვე მონახულებულ ბმულს და მიამაგრეთ ბმული, როდესაც კურსორი იფენს მასზე. ტალღოვანი საყრდენების შიგნით ფერის პარამეტრზე მინიჭებული ფერები შეიძლება განისაზღვროს ან ფერის ჩრდილის სახელით ან მისი თექვსმეტობითი კოდით.

ნაბიჯი 2

თუ ამ გვერდზე ბმულების სხვადასხვა ჯგუფს სხვადასხვა ფერის დანიშვნა გჭირდებათ, თითოეულ ჯგუფს მიანიჭეთ საკუთარი დანიშნულება ("კლასი") და თითოეული მათგანისთვის ცალკე აღწერეთ სტილები. მაგალითად, დაასახელეთ ერთი ჯგუფი LinksRed და მეორე LinksGreen. შემდეგ სტილის აღწერა ასე გამოიყურება: a. LinksRed: link {color: Red;}

a. LinksRed: ეწვია {ფერი: ყვითელი;}

a. LinksRed: hover {ფერი: ნარინჯისფერი;} a. LinksGreen: ბმული {ფერი: მწვანე;}

a. LinksGreen: ეწვია {ფერი: DarkGreen;}

a. LinksGreen: hover {color: Lime;} და თითოეული ჯგუფის ბმულების თეგებში უნდა მიუთითოთ რომელ კლასს მიეკუთვნებიან. მაგალითად: წითელი ბმული

მწვანე ბმული

ნაბიჯი 3

ეს ინსტრუქცია დაწერილია CSS (კასკადური სტილის ფურცლები) სახით, ამიტომ ისინი უნდა მოთავსდეს სტილის ტეგში, რომელიც გამოყოფს მათ გვერდის კოდის სხვა ინსტრუქციებისგან, დაწერილი HTML (ჰიპერტექსტის მარკირების ენა):

a. LinksRed: link {ფერი: წითელი;}

a. LinksRed: ეწვია {ფერი: ყვითელი;}

a. LinksRed: hover {ფერი: ნარინჯისფერი;} a. LinksGreen: ბმული {ფერი: მწვანე;}

a. LinksGreen: ეწვია {ფერი: DarkGreen;}

a. LinksGreen: hover {ფერი: ცაცხვი;}

ნაბიჯი 4

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

გირჩევთ: