Linkkien näyttöparametrien muuttaminen html-tiedostossa voidaan tehdä CSS-tyylitaulukoiden avulla. Niiden avulla voit muokata linkin fontin näyttöä, sen väriä ennen kuin käyttäjä napsauttaa sitä ja hiiren napsautuksen jälkeen. Voit myös muuttaa käytetyn kirjasimen kirjasinta ja sen kokoa.
Ohjeet
Vaihe 1
Luokat ja näennäisluokat käytetään asettamaan linkkiparametrit css: ssä. Pseudoluokan a: linkki asettaa tyylin tavalliselle linkille, a: käytetyn avulla voit mukauttaa jo käytetyn linkin näytön. A: aktiivinen käsittelee tagin parametrit, kun kohdistinta napsautetaan elementtiin, ja a: hover asettaa linkin tyylin, kun viet sen päälle. Voit myös luoda minkä tahansa luokan elementille itse ja käyttää parametreissa vakio-operaattoreita tekstin muotoilemiseen.
Vaihe 2
Poista linkkitekstin alleviivauksen näyttö selaimessa käytöstä parametrilla text-decoration: none. Voit määrittää tämän attribuutin sekä luokassa että pseudoluokassa elementille. Jos haluat muuttaa linkin väriä, käytä color-parametria, koko - standardi font-size-attribuutti. Jos haluat lisätä lihavoidun tai kursivoidun tyypin, käytä font-weight-parametria.
Vaihe 3
Avaa HTML-tiedosto millä tahansa tekstieditorilla, jota käytät sivukoodin muokkaamiseen. Tämän jälkeen siirry asiakirjasi osioon ja aseta css-koodi tuleville linkeille sivulla kahvan avulla. Esimerkiksi:
Linkkien vaihtaminen
a: linkki {tekstikoristelu: ei mitään;
kirjasinkoko: 14 kuvapistettä;
fontin paino: lihavoitu;
väri punainen; }
Vaihe 4
Tämä koodi poistaa alleviivan tavallisesta linkistä, asettaa tekstin kooksi 14 pikseliä, käyttää lihavoitua tyyliä ja elementin punaista väriä. Nyt kaikki tagin linkit näytetään tällä tavalla.
Vaihe 5
Voit luoda tyylin jokaiselle linkille käyttämällä css-luokkia. Jos tagin koodi näyttää tältä:
a.link1 {font-size: 20px; väri musta;}
Vaihe 6
Voit asettaa linkin kooksi 20 pikseliä ja mustan käyttämällä asiakirjan rungossa olevaa luokkaa seuraavasti:
Linkki
Esimerkistä näet, että linkille määritettiin luotu askel taaksepäin css-koodiluokka määrittämällä linkin class-attribuutti. Tämä linkki näytetään nyt mustana ja sen koko on 20 pikseliä. Voit muuttaa tätä määritettä muokkaamalla sivuosan css-koodia.
Vaihe 7
Linkin ulkonäön muuttaminen on valmis, voit tallentaa tiedostoon tehdyt muutokset ja suorittaa sen katseluun selaimessa.
