WebCity.pl

Jak wiemy wyglÄ…d linków mogÄ… zmieniać sie po najechaniu na nie myszkÄ… oraz gry maja status 'active' (aktywne) i 'visited' (odwedzone). Do wyglÄ…du nie należy tylko ich kolor; za pomocÄ… CSS można ustalić też rozmiar, rodzaj podkreÅ›lenia, odstÄ™py pomiÄ™dzy wyrazami, czy literami, zamienić litery na drukowane, a nawet zmienić krój czcionki. Zmian może być naprawde wiele, a dziÄ™ki wbudowanym funkcjom CSS można takie zmiany zastosować np. tylko pod wakunkiem, że dany link na okreÅ›lony status. Robimy to w ten sposób:

a:link {
   font-family: verdana;
   font-size: 10px;
   color: #000000;
   background: #eaeaea;
   text-decoration: underline;
}
 
a:active {
   font-family: arial;
   font-size: 20px;
   color: #ff0000;
   background: #000000;
   text-decoration: none;
}
 
a:visited {
   font-family: arial;
   font-size: 18px;
   color: #00ff00;
   background: #0000ff;
   text-decoration: overline;
}
 
a:hover {
   font-family: sans-serif;
   font-weight: bold;
   font-size: 26px;
   color: #ff00ff;
   background: #00ff00;
   text-decoration: underline;
   letter-space: 2;
}

Jak widać dla każdego kolejnego statusu linka możemy ustalić konkretny styl.