Změna barvy odkazu po najetí myší.

Pokud možno pomocí html kódu.
Mám odkaz <a href=index.html style="text-decoration:none;">"Hlavní stránka"</a>

a chtěl bych když na něj najedu myší aby změnil barvu.Díky

Předmět	Autor	Datum
style="text-decoration:none; color: red;" Ale tohle bys měl dávat do CSS a ne přímo do HTML. Wikan 01.12.2010 16:59	Wikan	01.12.2010 16:59
To ale udělá barvu na stálo, já chci mít odkaz třeba červený, a když na něj najedu myší aniž bych na… Kokot na entou 01.12.2010 17:05	Kokot na entou	01.12.2010 17:05
Styly zapisuj do zvláštního souboru nebo alespoň do sekce head. Vlastnost pro najetí myši na odkaz s… host 01.12.2010 17:10	host	01.12.2010 17:10
Vyřešeno. Mašel jsem to zde http://pc.poradna.net/q/view/586893-zmena-barvy-od kazu-po-najeti-mysi.… Kokot na entou 01.12.2010 17:40	Kokot na entou	01.12.2010 17:40
Tos dal odkaz na tenhle svůj dotaz. host 01.12.2010 17:42	host	01.12.2010 17:42
No jeho jméno evidentně odpovídá :-D Wikan 02.12.2010 11:13	Wikan	02.12.2010 11:13
Každý nějak začíná a rozhodně je lepší, nadělat zmatky a slušně se zeptat, než lidi posílat kamsi, p… poslední Kráťa 02.12.2010 11:43	Kráťa	02.12.2010 11:43

style="text-decoration:none; color: red;"
Ale tohle bys měl dávat do CSS a ne přímo do HTML.

To ale udělá barvu na stálo, já chci mít odkaz třeba červený, a když na něj najedu myší aniž bych na něho ťuknul tak aby změnil barvu.

Styly zapisuj do zvláštního souboru nebo alespoň do sekce head. Vlastnost pro najetí myši na odkaz se jmenuje a:hover.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">

  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
    <title>Ukázka</title>
    <style type="text/css">
      a {
        color:#000;
        text-decoration:none; 
      }
      a:hover {
        color:#F00;
        text-decoration:none; 
      }
    </style>
  </head>

  <body>
    <a href="index.html">"Hlavní stránka"</a>
  </body>
</html>