A hivatkozások az egyik oldal és a másik weboldal összekapcsolására szolgálnak. Linkek ugyanazzal szín mivel a szöveg többi részét nehéz észrevenni. A CSS color tulajdonsága a hivatkozások színének megváltoztatására szolgál.
A CSS használatával a hivatkozásokat többféleképpen stílusozhatjuk. Beállíthatjuk a hiperhivatkozás néhány állapotát, amelyek a következők:
módosító billentyűk
| a:aktív | Stílus hozzáadására szolgál egy aktív elemhez. |
| a:hover | Speciális effektusokat ad az elemhez, amikor a felhasználó az egérmutatót az elem fölé viszi. |
| egy link | Stílust kölcsönöz a nem látogatott linknek. |
| a:látogatott | Stílust ad a meglátogatott hivatkozáshoz. |
Meg kell jegyezni, hogy a CSS definíciójában a:hover utána kell jönnie egy link és a:látogatott és még a:aktív után kell jönnie a:hover annak érdekében, hogy hatékony legyen.
A hiperhivatkozás állapotainak deklarálási sorrendje a következő:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} A hivatkozás színének megváltoztatásához használnunk kell a szín a CSS tulajdona. A szín neve bármilyen érvényes formátumban megadható, például színnév, rgb() érték vagy HEX érték.
Most nézzük meg, hogyan állíthatjuk be a hivatkozások színét néhány példa segítségével.
Példa
Alapértelmezés szerint a normál vagy nem látogatott hivatkozások színe kék. Ebben a példában megváltoztatjuk az alapértelmezett hivatkozás színét a szín ingatlan.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> Tesztelje most Kimenet
java string csatlakozás
Amikor a program végrehajtódik, a következő képernyőt kapjuk.
Lebegtetéskor a link a következőképpen fog kinézni:
Ha a hivatkozás aktív állapotban van, akkor a hivatkozás színe piros, az alábbiak szerint.
