Hoe Om Die Skakellettertipe Te Verander

INHOUDSOPGAWE:

Hoe Om Die Skakellettertipe Te Verander
Hoe Om Die Skakellettertipe Te Verander

Video: Hoe Om Die Skakellettertipe Te Verander

Video: Hoe Om Die Skakellettertipe Te Verander
Video: OHI DILI ZOR abdurozik new vocal 2021 2024, Mei
Anonim

Die wysiging van die vertoonparameters van skakels in html kan gedoen word deur gebruik te maak van CSS-stylblaaie. Hiermee kan u die vertoning van die skakellettertipe, die kleur daarvan aanpas voordat die gebruiker daarop klik en na die muis klik. U kan ook die lettertipe en die grootte van die lettertipe verander.

Hoe om die skakellettertipe te verander
Hoe om die skakellettertipe te verander

Instruksies

Stap 1

Klasse en pseudoklasse word gebruik om skakelparameters in css in te stel. Die pseudo-klas a: skakel stel die styl vir 'n gewone skakel in; met: besoek kan u die vertoning van 'n reeds gebruikte skakel aanpas. A: aktief hanteer die parameters van die tag wanneer die wyser op die element geklik word, en a: hover stel die styl van die skakel in as u daaroor beweeg. U kan ook self 'n klas vir die element skep, en in die parameters standaardoperators gebruik om die teks te formateer.

Stap 2

Gebruik die parameter teksversiering: geen om die vertoning van die onderstreep van die skakelteks in die blaaier uit te skakel. U kan hierdie eienskap in 'n klas en in 'n pseudoklas vir 'n element spesifiseer. Om die kleur van die skakel te verander, gebruik die kleurparameter vir die grootte - die standaard fontgrootte-kenmerk. Gebruik die font-gewig-parameter as u die vetdruk of kursief wil gebruik.

Stap 3

Maak u html-lêer oop met die teksredigeerder wat u gebruik om die bladsykode te wysig. Gaan daarna na 'n gedeelte van u dokument en stel die css-kode vir toekomstige skakels op die bladsy in met 'n handvatsel. Byvoorbeeld:

Veranderende skakels

a: skakel {teksversiering: geen;

lettergrootte: 14 px;

font-gewig: vet;

kleur: rooi; }

Stap 4

Hierdie kode verwyder die onderstreep van 'n gewone skakel, stel die teksgrootte op 14 pixels, pas 'n vet styl en rooi kleur van die element toe. Nou sal enige skakel in die etiket soos volg vertoon word.

Stap 5

U kan styl vir elke spesifieke skakel gebruik deur css-klasse te gebruik. As die kode in die tag dus lyk soos volg:

a.link1 {lettergrootte: 20 px; kleur: swart;}

Stap 6

U kan die grootte van die skakel op 20 pixels en swart stel deur die klas in die hoofstuk van die dokument soos volg te gebruik:

Skakel

Uit die voorbeeld kan u sien dat die skakel die aangepaste stap terug CSS-klasklas toegeken is deur die klaskenmerk van die skakel op te gee. Hierdie skakel sal nou in swart vertoon word en het 'n grootte van 20 pixels. Om hierdie kenmerk te verander, wysig die css-kode van die bladsy-afdeling.

Stap 7

As u die voorkoms van die skakel verander, kan u die veranderinge wat in die lêer aangebring is, stoor en in 'n blaaier laat sien.

Aanbeveel: