Removing underlining from links

Sponsored Links

Links on web pages are underlined by default. However, if underlined links do not suit the design you have prepared for the web page, we can easily remove them by employing style sheets.

<style>
<!--

a   {text-decoration:none}

-->
</style>

The entire code has to be placed inside the <head> of the HTML document or can reside in an external style sheet (.css) file.

There are a few more features that can change the look of links on a web page. Experiment with them. Here is a code that makes all links appear in bold Verdana font, size 10 in orange color.

<style>
<!--

a   {text-decoration:none;
        font-family:Verdana;
        font-weight:bold;
        font-size:10;
        color:#FF9900}

-->
</style>

Important
Links on the Internet are identified by underlined text. You can read about the pros and cons of removing underlines from links.


Click this button if you liked the article!

Page contents: Details on how to remove underlines from links on web pages using some clever style sheets rules.

AddThis Social Bookmark Button


Vote and Share