როგორ შევცვალოთ ბმულის შრიფტი

Სარჩევი:

როგორ შევცვალოთ ბმულის შრიფტი
როგორ შევცვალოთ ბმულის შრიფტი

ვიდეო: როგორ შევცვალოთ ბმულის შრიფტი

ვიდეო: როგორ შევცვალოთ ბმულის შრიფტი
ვიდეო: მანანა ჯაყელი - როგორ შევცვალოთ ენა თიმსში მუშაობისას 2024, მაისი
Anonim

Html- ში ბმულების ჩვენების პარამეტრების შეცვლა შეიძლება გაკეთდეს კასკადი css სტილის ფურცლების გამოყენებით. ისინი საშუალებას მოგცემთ მოირგოთ ბმულის შრიფტის ჩვენება, მისი ფერი, სანამ მომხმარებელი დააწკაპუნებს მასზე და მაუსის დაჭერის შემდეგ. ასევე შეგიძლიათ შეცვალოთ გამოყენებული შრიფტის ტიპაჟი და მისი ზომა.

როგორ შევცვალოთ ბმულის შრიფტი
როგორ შევცვალოთ ბმულის შრიფტი

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

Ნაბიჯი 1

კლასები და ფსევდო კლასები გამოიყენება css– ში ბმულის პარამეტრების დასადგენად. ფსევდო კლასის a: ბმული ადგენს სტილს ჩვეულებრივი ბმულისთვის, a: მონახულება საშუალებას გაძლევთ მოირგოთ უკვე გამოყენებული ბმულის ჩვენება. A: აქტიური ამუშავებს ტეგის პარამეტრებს, როდესაც კურსორს დააწკაპუნებენ ელემენტზე, და a: hover ადგენს ბმულის სტილს, როდესაც მას მიამაგრებ მასზე. ელემენტისთვის ასევე შეგიძლიათ შექმნათ ნებისმიერი კლასი, ხოლო პარამეტრებში გამოიყენოთ სტანდარტული ოპერატორები ტექსტის ფორმატისთვის.

ნაბიჯი 2

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

ნაბიჯი 3

გახსენით თქვენი html ფაილი ტექსტური რედაქტორით, რომელსაც იყენებთ გვერდის კოდის შესასწორებლად. ამის შემდეგ გადადით თქვენი დოკუმენტის განყოფილებაში და დააყენეთ css კოდი გვერდზე შემდეგი ბმულებისათვის, სახელურის გამოყენებით. Მაგალითად:

ბმულების შეცვლა

a: link {text-decoration: არცერთი;

შრიფტის ზომა: 14px;

შრიფტის წონა: სქელი;

ფერი: წითელი; }

ნაბიჯი 4

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

ნაბიჯი 5

თითოეული კონკრეტული ბმულის სტილი შეგიძლიათ css კლასების გამოყენებით. ამრიგად, თუ თეგის კოდი ასე გამოიყურება:

a.link1 {შრიფტის ზომა: 20px; ფერი შავი;}

ნაბიჯი 6

ბმულის ზომა შეგიძლიათ დააყენოთ 20 პიქსელზე და შავზე, დოკუმენტის ქვედა ნაწილში კლასის გამოყენებით შემდეგნაირად:

Ბმული

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

ნაბიჯი 7

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

გირჩევთ: