Paano I-highlight Ang Isang Link Na May Kulay

Talaan ng mga Nilalaman:

Paano I-highlight Ang Isang Link Na May Kulay
Paano I-highlight Ang Isang Link Na May Kulay

Video: Paano I-highlight Ang Isang Link Na May Kulay

Video: Paano I-highlight Ang Isang Link Na May Kulay
Video: Hair Highlight Quick and Easy Way 2024, Abril
Anonim

Ang wikang markup ng HTML ay may maraming bilang ng mga pagpipilian para sa pagpapakita ng mga elemento sa window ng browser. Upang mai-edit ang mga graphic parameter, itakda ang kulay sa mga elemento ng pahina, madalas na ginagamit ang CSS, na nagbibigay-daan sa iyo upang maayos ang nais na kulay ng teksto.

Paano i-highlight ang isang link na may kulay
Paano i-highlight ang isang link na may kulay

Panuto

Hakbang 1

Upang mai-edit ang parameter ng display ng link, kailangan mong baguhin ang code ng pahina. Buksan ang iyong dokumento sa HTML na may isang utility sa pag-edit ng code. Gamitin ang karaniwang editor ng Windows na "Notepad". Maaari ka ring mag-install ng mga karagdagang programa tulad ng Notepad ++ o HTML-Viewer na magpapahintulot sa iyo na tingnan ang code na kailangan mo sa pag-highlight ng syntax. Upang buksan ang file sa editor, mag-right click at piliin ang "Open with". Sa lilitaw na listahan, tukuyin ang napili mong utility.

Hakbang 2

Sa window ng editor, mag-navigate sa link na ang kulay ay nais mong baguhin. Ang bawat link ay may form na Pangalan ng Link. Upang baguhin ang kulay ng teksto, gamitin ang parameter ng estilo.

Hakbang 3

Matapos piliin ang linya na kailangan mong baguhin, pumunta sa block ng pahina. Matapos ang pagsasara ng pagsasalarawan, ipasok ang tag at lumikha ng nais na CSS pseudo-class. Halimbawa:

.colorchange {kulay: pula;

background: asul;

padding: 1px; }

Hakbang 4

Lumilikha ang code na ito ng isang pseudo-class na pinangalanang colorchange na maaaring magamit sa mga katangian ng link. Ang parameter ng kulay ay responsable para sa kulay ng teksto ng elemento - sa kasong ito, ang halaga ng pula ay nakatakda, na lilikha ng teksto sa pula. Maaari kang magdagdag ng anumang halaga ng HTML sa item na ito. Ang kulay ng background ng link ay itinakda sa pamamagitan ng parameter ng background. Ang parameter ng padding ay responsable para sa indentation ng link na may kaugnayan sa iba pang mga elemento.

Hakbang 5

Matapos lumikha ng isang pseudo-class, dapat itong itakda sa katawan ng dokumento mismo. Bumalik sa seksyon ng code kung saan matatagpuan ang iyong link. I-edit ito sa pamamagitan ng pag-type sa parameter ng klase at bigyan ito ng isang halaga gamit ang pangalan ng CSS pseudo-class. Halimbawa:

Pangalan ng link

Hakbang 6

Lilikha ka ng isang pulang link na may isang asul na background at 1-pixel padding tulad ng tinukoy sa CSS sa itaas. I-save ang mga pagbabagong nagawa sa file at isara ang window ng editor. Upang suriin ang tinukoy na code, buksan ang iyong pahina sa isang window ng browser upang matiyak na ang mga setting na ginawa ay tama. Ang pag-highlight ng link na may kulay ay nakumpleto.

Inirerekumendang: