Az alábbiakban bemutatjuk, hogyan módosíthatja a weblapján megjelenő linkek színét a HTML és CSS használatával. Bár a link színeket a HTML BODY címkével lehet elvégezni, mindig azt javasoljuk, hogy bármilyen formázási beállítást végezzen a CSS-ben az alábbi ábra szerint.

Tipp: Bármely webes elem színének meghatározásakor szükség lehet HTML színkódok használatára. A fő színek esetében a színkódok használata helyett megadhatja a színek nevét is, például piros, kék, zöld és fekete, ahelyett, hogy a színkód értékeket használná.

A hiperhivatkozások különböző típusainak megértése

A hiperhivatkozások az oldal speciális elemei, mert interaktívak. Annak jelzésére, hogy interaktívak, az állapotuktól függően eltérő színűek. A hiperhivatkozásnak három speciális színe van az eredeti szín mellett, amelyek három különböző állapotot képviselnek:

1. Látogatott link - A szín, amint egy linket meglátogattak. Ha egy hiperhivatkozás ez a szín, a felhasználó elvárhatja, hogy a hivatkozásra kattintva egy olyan oldalra kerüljön, amelyet már látott.
2. Hover link - A szín, amikor az egér egy link fölé húzódik. Ha ez a szín hiperhivatkozás, a felhasználó elvárhatja, hogy a bal egérgomb megnyomása (kattintás), majd a gomb felengedése a hivatkozás látogatásához vezet. A Hover szín ugyanaz az aktív és a látogatott linkek esetében is.
3. Active Link - A hivatkozás színe, amikor rákattint. Amikor a felhasználó látja ezt a színt, elvárható, hogy az egérgomb elengedése miatt a böngésző meglátogatja a linket.

Tipp: További információért és a hiperhivatkozásokhoz kapcsolódó kérdésekért tekintse meg a hiperhivatkozás definícióját.

CSS link színes példája

Az alábbi CSS példában a hiperhivatkozási színeket az ezen az oldalon láthatóakhoz hasonlóan állítjuk be. Először, minden horgony a # 2c87f0 (kék árnyalat), a # 636 lila árnyalatú, és az összes lebegő és aktív link színe: # c33 (piros). Az alábbi kód hozzáadható a CSS stíluselemhez vagy a .css fájlhoz.

 a {szín: # 2c87f0; } a: meglátogatott {color: # 636; } a: lebeg, a: aktív, a: fókusz {szín: # c33; } 

Ha az oldal nem használja a CSS-t, vagy nem akarja a CSS-re konvertálni, az alábbiakban a HTML-kód BODY-címkéjében tett lépéseket követjük. Azonban, amint korábban említettük, a testcímke helyett nagyon ajánljuk a fenti CSS kód használatát. A fenti kódot hozzáadhatja egy CSS-fájlhoz, és az összes weblapját összekapcsolhatja a CSS-fájlba. Ezután megváltoztathatja az adott CSS-fájlban lévő háttérszínértékeket, hogy azonnal megváltoztassa a hozzá kapcsolódó összes oldal háttérszínét.

HTML testcímke példa

Néhány nagyon ritka esetben előfordulhat, hogy a CSS-t nem lehet használni. Ezekben a helyzetekben meghatározhatja a hátteret, a szöveg színét, a link színét és a HTML testcímke egyéb értékeit az alábbiak szerint.

Az alábbiakban a testcímke minden HTML-attribútumának leírása található.

TEXT = A szöveg színe.

LINK = A linkek színe.

VLINK = Látogatott link színe.

ALINK = Az aktív hivatkozás színe vagy a hivatkozás színére kattintva.

BGCOLOR = Az oldal háttérszíne.