codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">

<head> 
	<meta http-equiv="Content-Language" content="it"> 
	<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
	<title>Nuova pagina 1</title> 

<style type=text/css media=screen>
div#idbox img { border: none }
div#idbox a { TEXT-DECORATION: none; 
  border: 2px outset #bebebe; } 
div#idbox a:hover { TEXT-DECORATION: none; border: 2px inset #bebebe; } 

</style> 
</head> 

<body> 

<div id="idbox"> 


le immagini inserite hanno l'effetto a rilievo che si incassa all'hover.</p>
<a href="Link1.htm">
    [img]Image/cap.gif[/img]</a>
</div> 



Ovviamente puoi mettere il css in un file esterno:

<code>
	&lt;link type="text/css" href="Style/stile-comune.css" rel="stylesheet" /&gt;
</code>
</body> 
</html>