Lingide kuvamisparameetrite muutmine HTML-is saab toimuda CSS-i stiililehtede abil. Need võimaldavad teil kohandada lingi fondi kuvamist, selle värvi enne, kui kasutaja sellel klõpsab ja pärast hiire klõpsamist. Samuti saate muuta kasutatud fondi kirjatüüpi ja suurust.
Juhised
Samm 1
Klasside ja pseudoklasside abil määratakse lingiparameetrid cs-des. Pseudoklass a: link määrab tavalise lingi stiili, a: külastatud võimaldab kohandada juba kasutatud lingi kuvamist. A: aktiivne käitleb märgendi parameetreid, kui kursor elemendil klõpsatakse, ja a: hover määrab lingi stiili, kui hõljutate selle kohal. Elemendi jaoks saate ka ise luua mis tahes klassi ja parameetrites kasutada teksti vormindamiseks standardoperaatoreid.
2. samm
Lingiteksti alljooni kuvamise keelamiseks brauseris kasutage parameetrit text-decoration: none. Selle atribuudi saate määrata nii klassis kui ka elemendi pseudoklassis. Lingi värvi muutmiseks kasutage suuruse jaoks värvi parameetrit - standardset atribuuti font-size. Kui soovite lisada rasvase või kaldkirjatüübi, kasutage parameetrit font-weight.
3. samm
Avage oma HTML-fail mis tahes tekstiredaktoriga, mida kasutate lehe koodi muutmiseks. Pärast seda minge oma dokumendi jaotisse ja määrake käepideme abil lehe tulevaste linkide css-kood. Näiteks:
Linkide muutmine
a: link {tekstikaunistus: puudub;
fondi suurus: 14px;
fondi kaal: paks;
värv: punane; }
4. samm
See kood eemaldab tavalise lingi altjooni, määrab teksti suuruseks 14 pikslit, rakendab elemendi rasva stiili ja punase värvi. Nüüd kuvatakse kõik sildis olevad lingid niimoodi.
5. samm
Iga konkreetse lingi jaoks saate stiili luua css klasside abil. Seega, kui märgendis olev kood näeb välja järgmine:
a.link1 {font-size: 20px; värv: must;}
6. samm
Saate määrata lingi suuruseks 20 pikslit ja musta, kasutades dokumendi põhiosas olevat klassi järgmiselt:
Link
Näites näete, et lingile määrati loodud tagasiminek css koodiklass, täpsustades lingi klassi atribuudi. See link kuvatakse nüüd mustana ja selle suurus on 20 pikslit. Selle atribuudi muutmiseks muutke lehesektsiooni css-koodi.
7. samm
Lingi välimuse muutmine on lõpule jõudnud, saate failis tehtud muudatused salvestada ja käivitada brauseris vaatamiseks.
