Kako Spremeniti Pisavo Povezave

Kazalo:

Kako Spremeniti Pisavo Povezave
Kako Spremeniti Pisavo Povezave

Video: Kako Spremeniti Pisavo Povezave

Video: Kako Spremeniti Pisavo Povezave
Video: Пора уходить! Как сварить верстак полуавтоматом HAMER MIG-250 Synergic или обустройство новой студии 2024, November
Anonim

Spreminjanje parametrov prikaza povezav v html je mogoče s pomočjo kaskadnih slogov css. Omogočajo vam prilagoditev prikaza pisave povezave, njene barve, preden uporabnik klikne nanjo in po kliku miške. Spremenite lahko tudi vrsto pisave in velikost pisave.

Kako spremeniti pisavo povezave
Kako spremeniti pisavo povezave

Navodila

Korak 1

Razredi in psevdo-razredi se uporabljajo za nastavitev parametrov povezave v css-u. Psevdorazred a: povezava nastavi slog običajne povezave, a: obiskan pa vam omogoča, da prilagodite prikaz že uporabljene povezave. A: active obdeluje parametre oznake, ko se na element klikne s kazalcem, a: hover pa nastavi slog povezave, ko lebdite nad njo. Kateri koli razred za element lahko ustvarite tudi sami, v parametrih pa za oblikovanje besedila uporabite standardne operatorje.

2. korak

Če želite onemogočiti prikaz podčrtaja besedila povezave v brskalniku, uporabite parameter text-decoration: none. Ta atribut lahko določite v razredu in v psevdorazredu za element. Če želite spremeniti barvo povezave, uporabite barvni parameter, za velikost - standardni atribut velikosti pisave. Če želite vključiti krepko ali ležečo pisavo, uporabite parameter teže pisave.

3. korak

Datoteko html odprite s katerim koli urejevalnikom besedila, s katerim urejate kodo strani. Po tem pojdite na odsek vašega dokumenta in z ročico nastavite kodo css za prihodnje povezave na strani. Na primer:

Spreminjanje povezav

a: link {dekoracija besedila: nobena;

velikost pisave: 14px;

teža pisave: krepko;

barva: rdeča; }

4. korak

Ta koda odstrani podčrtaj z običajne povezave, nastavi velikost besedila na 14 slikovnih pik, uporabi krepki slog in rdečo barvo elementa. Zdaj bo vsaka povezava v oznaki prikazana tako.

5. korak

Za posamezne povezave lahko oblikujete slog s pomočjo razredov css. Če je torej koda v oznaki videti tako:

a.link1 {velikost pisave: 20px; barva: črna;}

6. korak

Velikost povezave lahko nastavite na 20 slikovnih pik in črno, tako da uporabite razred v telesu dokumenta, kot sledi:

Povezava

Iz primera lahko vidite, da je bila povezavi dodeljen ustvarjeni razred kode css korak nazaj z določitvijo atributa razreda povezave. Ta povezava bo zdaj prikazana v črni barvi in bo imela velikost 20 slikovnih pik. Če želite spremeniti ta atribut, uredite css kodo odseka strani.

7. korak

Spreminjanje videza povezave je končano, spremembe, ki ste jih naredili v datoteki, lahko shranite in zaženete za ogled v brskalniku.

Priporočena: