| Creating links without underlines |
Although underlines help us to identify links on web pages, there are some instances where you may want to remove underlines from certain links. It's easy to achieve this effect using "Cascading Style Sheets" (CSS).
Removing underlines from selected links
If you want to remove underlines from certain links, but not all links on a page, simply add STYLE="text-decoration: none" to the tag starting the link. Example:
Before (regular link):
<a href="http://www.dotspecialist.com">
Sample Link
</a>
After (after stylizing the link to remove underlines):
<a href="http://www.chami.com/tips/"
STYLE="text-decoration: none"
>
Sample Link
</a>
Demo: "Regular Link" | "Same link without underlines"
Removing underlines from all links on a page
To remove underlines from all links on your page, you can use the following style sheet tags:
-
<style>
<!--
a {text-decoration: none}
-->
</style>
How above style sheet tags should be placed inside a page:
-
<html>
<head>
<style>
<!--
a {text-decoration: none}
-->
</style>
<!-- other tags -->
</head>
<body>
<!-- other tags -->
</body>
</html> |
| Return to Listing |