Featured Templates
Home
HTML and CSS
Tutorials
Remove Underlines from Links
Added: Aug 02, 2004 Rating: 
Level: Experienced Software:
Level: Experienced Software:
| <style type="text/css">
<!-- A:link {text-decoration: none} --> </style> |
Put the above script between the <head> </head> tags in your page. It will remove all the underlines from your links in that particular page. To remove all underlines from your links throughout your website, better place it in your header file.
In addition to none, any of the following four constants can be put:
| A:link {text-decoration: blink} <!-- Text blinks -->
A:link {text-decoration: line-through} <!-- Each line of text has a line through the middle. --> A:link {text-decoration: overline} <!-- Each line of text has a line above it. --> A:link {text-decoration: underline}<!-- Each line of text is underlined. --> |
Example |
Usually link, visited, active and hover are alltogether defined in one script as below:
| <style type="text/css">
<!-- A:link {text-decoration: none} <!-- Underlines are removed from links --> A:visited {color: red } <!-- Visited link will become red --> A:active {color: #CCCCCC } <!-- Active link will be light grey --> A:hover {color: yellow } <!-- When you point on links it will turn to yellow --> --> </style> |
Change the colors that suits your website layout.
More HTML and CSS: Most Popular Materials | Fresh Materials
| More HTML Tutorials at Markuptutorials.com
10 Random HTML and CSS Tutorials :
10 Random Markuptutorials.com Materials: