Kuinka Korostaa Linkki Värillä

Sisällysluettelo:

Kuinka Korostaa Linkki Värillä
Kuinka Korostaa Linkki Värillä

Video: Kuinka Korostaa Linkki Värillä

Video: Kuinka Korostaa Linkki Värillä
Video: Джентльмены удачи (FullHD, комедия, реж. Александр Серый, 1971 г.) 2024, Huhtikuu
Anonim

HTML-merkintäkielellä on paljon vaihtoehtoja elementtien näyttämiseksi selainikkunassa. Graafisten parametrien muokkaamiseksi, asettamalla väri sivun elementeiksi käytetään usein CSS: ää, jonka avulla voit hienosäätää haluttua tekstin väriä.

Kuinka korostaa linkki värillä
Kuinka korostaa linkki värillä

Ohjeet

Vaihe 1

Jos haluat muokata linkin näyttöparametriä, sinun on vaihdettava sivukoodi. Avaa HTML-dokumenttisi koodinmuokkausohjelmalla. Käytä Windows-muokkausohjelmaa "Muistio". Voit myös asentaa lisäohjelmia, kuten Notepad ++ tai HTML-Viewer, joiden avulla voit tarkastella tarvitsemasi koodin syntaksikorostuksella. Voit avata tiedoston editorissa napsauttamalla hiiren kakkospainikkeella ja valitsemalla "Avaa kanssa". Määritä avautuvassa luettelossa valitsemasi apuohjelma.

Vaihe 2

Siirry muokkausikkunassa linkkiin, jonka väriä haluat muuttaa. Jokaisella linkillä on muoto Linkin nimi. Muuta tekstin väriä käyttämällä tyyliparametria.

Vaihe 3

Kun olet valinnut muutettavan rivin, siirry sivulohkoon. Syötä viimeisen kuvauksen jälkeen tunniste ja luo haluttu CSS-pseudoluokka. Esimerkiksi:

.värinvaihto {väri: punainen;

tausta: sininen;

pehmuste: 1px; }

Vaihe 4

Tämä koodi luo pseudoluokan nimeltä colorchange, jota voidaan käyttää linkkimääritteissä. Väriparametri on vastuussa elementin tekstin väristä - tässä tapauksessa arvo punainen asetetaan, mikä luo tekstin punaisena. Voit lisätä minkä tahansa HTML-arvon tähän tuotteeseen. Linkin taustaväri asetetaan taustaparametrin kautta. Täyte-parametri vastaa linkin sisennyksestä muihin elementteihin nähden.

Vaihe 5

Kun olet luonut näennäisluokan, se on asetettava itse asiakirjan runkoon. Palaa koodin osaan, jossa linkkisi sijaitsee. Muokkaa sitä kirjoittamalla luokan parametri ja antamalla sille arvo CSS-näennäisluokan nimen kanssa. Esimerkiksi:

Linkin nimi

Vaihe 6

Luodaan punainen linkki sinisellä taustalla ja 1 pikselin täyte yllä olevan CSS: n mukaisesti. Tallenna tiedostoon tehdyt muutokset ja sulje muokkausikkuna. Voit tarkistaa määritetyn koodin avaamalla sivusi selainikkunassa varmistaaksesi, että tehdyt asetukset ovat oikein. Linkin korostus värillä on valmis.

Suositeltava: