If you have noticed hyperlinks are underlined and blue color by default. You can remove the HTML link underline and change color using CSS properties “text-decoration” and “color”.
Remove Underline Syntax
text-decoration: none;Read more: HTML change link color inline
Change Color Syntax
color: #FF0000;
Read more: Remove underline from link CSS/HTML
Examples of HTML link without underline and color
Inline CSS: You need to utilize inline CSS styling on your a tag.
<html>
<body>
<a href="https://tutorial.eyehunts.com//" style="text-decoration: none;
color: green">Tutorial EyeHunts</a>
</script>
</body>
</html>Output:
Internal CSS: Same as the above code only style tag with property and value will be inside the head tag.
You have to use ID or Class for internal CSS use.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#atxt{
text-decoration: none;
color: green;
}
</style>
</head>
<body>
<a href="https://tutorial.eyehunts.com//" id="atxt">Tutorial EyeHunts</a>
</script>
</body>
</html>Do comment if you have any questions and suggestion on this topic.
Note: The All HTML Examples codes are tested on the Firefox browser and the Chrome browser.
OS: Windows 10
Code: HTML 5 Version