How to Make a Text Hyperlink With a Rollover Underline Effect

HTML text links enable Web page redirection.

Text hyperlinks are customizable and provide access to other Internet locations when your site visitors click the links. The default display of a hyperlink is an underline. You can use CSS styles to modify the normal hyperlink state and customize your text link to display the underline upon rollover instead.

Instructions

1. Open your HTML file using an HTML or text editor.

2. Type a style code to define your hyperlinks, and place it above the </head> tag. The code, as follows, will set the style for all page links:

   <style type="text/css">
   a:link{ text-decoration: none;}
   a:hover{ text-decoration: underline;}
   a:visited{ text-decoration: none;}
   </style>

3. Open the page in a Web browser to see the new hyperlink display.

Resources

• W3Schools: HTML Links