Links: No Underline
Styling links with CSS tutorial: Get the underlines off of your links!
Thank you for taking the time to report an issue.
What's wrong... Please write below.
In this article we teach you how simple it is to create links with no underline.This is done using CSS Styles.
Learn how to create links without the underline in Dreamweaver using stylesheets.
This is a sleek CSS horizontal menu with a popular "underline" effect shown whenever the mouse rolls over a link.
You're probably aware of this property. For instance, most default browser styles include underlined links by way of text-decoration: underline; - which you can remove with text-decoration: none;. But you may not be aware that there is more you can do with this property, as well as various sub-properties offering more fine-grained control.
The aim of this example is to show the usage of text-decoration property. This is a very commonly used property to decorate text mainly with lines. It may also be used to style links in your own way using underline value. All modern browsers support text-decoration property and you may use it without having to write extra lines of code like -webkit, -moz or -o. As we will see, you can add two or more values to this property and still get things going well and have a customized styling that you want.
Learn how to add interesting CSS styles to HTML links, including visited and rolled-over links. Discover how to change colours and add images to links.
Applying CSS to your links allows you to do all sorts of nice roll-over effects and advanced text highlighting. You will also be able to have many sets of links on a single page, all with different formatting.
Links can be styled any which way you like to provide unique site navigation. These styles can be extended to pseudo states like :hover to create dynamic transitions. However, there are significant restrictions on styling links that the user has previously visited, limitations that are often unexpected and exasperating, especially for designers and developers who don’t understand the reasons why.
Adobe Dreamweaver Tutorial: Make your links look nice without those underlines.
Creating really cool hover links in CSS can be easier than you think. Be sure to check out this great tutorial to learn everything you need to know on how to get the job done right.