Paano Baguhin Ang Link Font

Talaan ng mga Nilalaman:

Paano Baguhin Ang Link Font
Paano Baguhin Ang Link Font

Video: Paano Baguhin Ang Link Font

Video: Paano Baguhin Ang Link Font
Video: How To Change Font Style In Any Android Device | FREE FONTS (TAGALOG) 2024, Mayo
Anonim

Ang pagbabago ng mga parameter ng pagpapakita ng mga link sa html ay maaaring gawin gamit ang mga sheet ng style na cascading css. Pinapayagan ka nilang ipasadya ang pagpapakita ng link font, ang kulay nito bago mag-click dito ang gumagamit at pagkatapos ng pag-click sa mouse. Maaari mo ring baguhin ang typeface ng ginamit na font at ang laki nito.

Paano baguhin ang link font
Paano baguhin ang link font

Panuto

Hakbang 1

Ginagamit ang mga klase at pseudo-class upang maitakda ang mga parameter ng link sa css. Ang pseudo-class a: ang link ay nagtatakda ng istilo para sa isang regular na link, isang: binisita ay nagbibigay-daan sa iyo upang ipasadya ang pagpapakita ng isang nagamit na na link. A: hinahawakan ng aktibo ang mga parameter ng tag kapag na-click ang cursor sa elemento, at itinatakda ng isang: hover ang istilo ng link kapag pinasadya mo ito. Maaari ka ring lumikha ng anumang klase para sa elemento ng iyong sarili, at sa mga parameter gumamit ng karaniwang mga operator upang mai-format ang teksto.

Hakbang 2

Upang huwag paganahin ang pagpapakita ng salungguhit ng teksto ng link sa browser, gamitin ang text-decoration: none parameter. Maaari mong tukuyin ang katangiang ito kapwa sa isang klase at sa isang pseudo-class para sa isang elemento. Upang baguhin ang kulay ng link, gamitin ang parameter ng kulay, para sa laki - ang karaniwang katangian ng laki ng font. Kung nais mong isama ang uri ng naka-bold o italic, gamitin ang font-weight parameter.

Hakbang 3

Buksan ang iyong html file kasama ang anumang text editor na iyong ginagamit upang mai-edit ang code ng pahina. Pagkatapos nito, pumunta sa isang seksyon ng iyong dokumento at itakda ang css code para sa mga link sa hinaharap sa pahina gamit ang isang hawakan. Halimbawa:

Ang pagbabago ng mga link

a: link {text-decoration: none;

laki ng font: 14px;

font-weight: naka-bold;

Kulay pula; }

Hakbang 4

Inaalis ng code na ito ang salungguhit mula sa isang regular na link, itinatakda ang laki ng teksto sa 14 na mga pixel, naglalapat ng isang naka-istilong estilo at pulang kulay ng elemento. Ngayon ang anumang link sa tag ay ipapakita tulad nito.

Hakbang 5

Maaari mong istilo para sa bawat tukoy na link gamit ang mga klase sa css. Kaya, kung ang code sa tag ay katulad ng:

a.link1 {font-size: 20px; kulay itim;}

Hakbang 6

Maaari mong itakda ang laki ng link sa 20 mga pixel at itim sa pamamagitan ng paggamit ng klase sa katawan ng dokumento tulad ng sumusunod:

Link

Mula sa halimbawang maaari mong makita na ang link ay nakatalaga sa nilikha na hakbang pabalik na klase ng code ng css sa pamamagitan ng pagtukoy sa katangian ng klase ng link. Ang link na ito ay ipapakita sa itim at may sukat na 20 pixel. Upang baguhin ang katangiang ito, i-edit ang css code ng seksyon ng pahina.

Hakbang 7

Ang pagbabago ng hitsura ng link ay kumpleto na, maaari mong i-save ang mga pagbabagong ginawa sa file at patakbuhin ito para sa pagtingin sa isang browser.

Inirerekumendang: