Styling archor tags
In my attempt to make the navigation of some of my pages I have been experimenting with formatting hyperlinks.
Adding a class to the hyperlink/anchor tag allows me to add custom colours, borders and spacing.
This is a work in progress - when I am happy with it I may add it to my main CSS file.
The CSS
<style>
a.text:link, a.text:visited {background-color: lightgreen; color: grey;
text-decoration: none; border: 1px solid black; padding: 0px 10px 1px 10px; border-radius: 5px;}
a.text:hover {color: blue; background-color: white;}
</style>