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
|
1 |
text-decoration: none; |
Read more: HTML change link color inline
Change Color Syntax
|
1 |
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.
|
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <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.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!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
Degree in Computer Science and Engineer: App Developer and has multiple Programming languages experience. Enthusiasm for technology & like learning technical.