How To Show Underline of a Text Link only on mouse hover

Опубликовано: 15 Март 2022
на канале: Sir Chogyal

4,398

In this tutorial, we are gonna turn off the underline of a link and show it only on mouse hover. The browser shows the underline on a text link by default. First, we need to turn it off by styling it. First, just add text-decoration: none; To show it on mouse hover, add a:hover. Then inside the double curly brackets, add text-decoration: underline;

Join this channel to get access to perks:
/ @sirchogyal

❀ Buy books from the affiliate links below:
▶HTML and CSS QuickStart Guide: https://amzn.to/3Jl6hjJ
▶Web Design with HTML, CSS, JavaScript & jQuery Set at https://amzn.to/3uGkG6k
▶learn JavaScript Quickly: https://amzn.to/3uB7Q9n

❀ Merch: https://my-store-6057984.creator-spri...

❀ Visit my blog at http://v815.blogspot.com

❀ Join me on Telegram: https://telegram.im/@code8home

▶️ Subscribe to this channel for more videos.