Removing the underlines from links on webpages and thus changing the look of the default hyperlink display.
removing underlining from links, changing the default link values for a web page, non underlined links
Removing underlining from linksGo to Removing underlining from linksHTML & JavaScriptGo to HTML and JavaScript tips and tricksTips and tricksGo to web development Tips and tricksHomepage

Removing underlining from 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.


AddThis Social Bookmark Button


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

Page URL: http://www.webdevelopersnotes.com/tips/html/ removing_underlining_from_links.php3



Join Mailing List


Feedback/Questions




50+ web hosting FAQs

Search engine for your website

Free software from Google - The Google Pack Collection

Create your own search engine
Search WebDevelopersNotes.com