primero que nada:
errores:
no pongas esto dentro de tu archivo HTML se vera horrible
llama a un archivo externo:
Código HTML:
Ver original<link rel="stylesheet" type="text/css" href="css/main.css">
algo mas:
error garrafal:
de cuando haca se usa las mayúsculas para identificar elementos de un html en la parte de CSS???
te explico como lo hago yo
primero el HTML tengo un Link al que le asigno una class
Código HTML:
Ver original<a class="link" href="http://www.piriform.com/ccleaner/download">C-Cleaner
</a><br>
luego en el CSS hago esto:
Código CSS:
Ver original.link{
text-decoration:none;
display: inline-block;
}
.link:hover{
color:#900;
font-weight:bold;
text-decoration:underline;
}
Explico con el css .link le digo al navegador que todos las secciones que tenga una class llamada link se les quite las decoraciones que traen por defecto los link...
con el .link:hover le digo al navegador que cuando el raton este sobre el link aplique la decoración bold y underline, (esta tambien hereda la que no lleva decoración por defecto)
mas explicado de aquí no se puede... la idea es que tu juegues y estudies las demás opciones (focus, active)...
OTRA COSA SERIA UN ERROR GARRAFAL QUE NO LIMPIES TU CODIGO CSS que no se repitan o que no se contrarresten...
Ejemplo en mi web:
http://icarosnet.tk/