by herrel :

codice:
<html> 
<head> 
<title>Menu con rollover bordi</title> 
<style> 
table { 
border: 1px solid black;} 
td { 
height:25px; 
border: 1px solid white; 
font-family: verdana; 
font-size:10px; 
background:white;} 
td a:link { 
position:relative; 
display:block; 
font-size:10px; 
color: #061998; 
text-decoration: none;} 
td a:hover { 
position:relative; 
font-size:10px; 
color: #4ebafa; 
text-decoration: none;} 
td a:visited { 
font-size:10px; 
color: #4ebafa; 
text-decoration: none;} 
.due { 
border: 1px solid black; 
background:#b1f3e4;} 

</style> 

</head> 

<body> 
<table width=150 height=70 border=0> 
<tr><td style="background:#d0cece;"><center>:: menù ::<center> </td></tr> 
<tr> 
<td onMouseOver="this.className='due'" onMouseOut="this.className=''"> 
<center>home page<center> </td></tr> 
<tr> 
<td onMouseOver="this.className='due'" onMouseOut="this.className=''"> 
<center>news<center> </td></tr> 
<tr> 
<td onMouseOver="this.className='due'" onMouseOut="this.className=''"> 
<center>info<center> </td></tr> 
<tr> 
<td onMouseOver="this.className='due'" onMouseOut="this.className=''"> 
<center>portfolio<center> </td></tr></table> 
</body> 
</html>