Changing the appearance of links

You can use the <style> tag to make the appearance of links change when you move the mouse over them. The example below changes the background colour of the link to red when the mouse goes over it. Not terribly attractive but it is easy to see what the effect is:

<html>
<head>
<title>Changing the appearance of links</title>
<style type="text/css">
<!--
A:link    {color: "0000FF"}
A:visited {color: "800080"}
A:active  {background-color: "FF0000"; 
           text-decoration: underline}
A:hover   {background-color: "FF0000"; 
           text-decoration: underline}
-->
</style>
</head>

<table width="600">
<tr>
<td width="600">
<font size="2" face="Arial">
Land and Property solutions are aimed at enabling customers to 
realise the full potential of their land, property 
and geographic information for the benefit of their businesses. 
For more information see:<p>
<ul>
<li><font size="2" face="Arial"><
<a href="mapinfo.htm">Geographical Information Systems</a>
<li><font size="2" face="Arial">
<a href="landchrg.htm">Land Charges</a>
<li><font size="2" face="Arial">
<a href="pacis.htm">Planning</a>
<li><font size="2" face="Arial">
<a href="bracis.htm">Building Control</a>
</ul>
</td>
</tr>
</table>
</body>
</html>

It looks like this:

The hover style only works in Internet Explorer (not Netscape Navigator) but you could choose to change the colour of the link or make it bold.