---
title: "Discussion on \"How to Change Link Underline Color with CSS\" | Hashnode"
description: "Discussion on \"How to Change Link Underline Color with CSS\". There are two ways I found to make this happen. One is using the text-decoration stuff, the second one is using the old border-bottom trick."
url: "https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to Change Link Underline Color with CSS](https://asyraf.hashnode.dev/how-to-change-link-underline-color-with-css?utm_source=hashnode&utm_medium=feed)

There are two ways I found to make this happen. One is using the text-decoration stuff, the second one is using the old border-bottom trick.

Jun 24, 2021 · 3 min read · asyraf.hashnode.dev  
Updated Jul 13, 2021  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#html5](https://hashnode.com/tag/html5)

## Written by

[Amirul Asyraf](https://hashnode.com/@asyraf_)

@asyraf\_ · Kuala Lumpur, Malaysia

  
[View profile](https://hashnode.com/@asyraf_)

Awesome

Indie Guitarist

## Responses 8

Markdown supported · ⌘↵ to post

[Jack Med](https://hashnode.com/@jkmed)

[Jun 28, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d96fa068364a2e7b2cd9e1)

Wow.. Thanks for the trick. Keep posting more!

[Shantun Parmar](https://hashnode.com/@shantun)

[Jun 28, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d96e9c703d372ea06c7282)

very interesting , good job and thanks for sharing such a good blog.

[Tapas Adhikary](https://hashnode.com/@atapas)

[Jun 28, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d962fa68364a2e7b2cd887)

[amirul asyraf](https://hashnode.com/@asyraf_), Thanks for sharing it. Nice trick.

[Chris Bongers](https://hashnode.com/@dailydevtips)

[Jun 28, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d95a67de92ef110afe03f4)

I was looking at the examples and was like, pretty sure these are my examples 😂. So thank you for linking me in your resources I'm glad my examples could help you out here.

Well written document and it's great it covers all these text-decoration features.

Keep it up ✨

[Amirul Asyraf](https://hashnode.com/@asyraf_)

[Jul 1, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d95a67de92ef110afe03f4#reply-60dd434895305075b9338b2b)

Yeah Chris, some of the examples are from yours 😂. Thanks for helping us :P

[Pavandeep Kaur 🇮🇳](https://hashnode.com/@PavandeepKaur)

[Jun 27, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d8aa59cb0aa8118c23cfce)

Wow🔥 !! very interesting 👏

[Amirul Asyraf](https://hashnode.com/@asyraf_)

[Jun 27, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d8aa59cb0aa8118c23cfce#reply-60d8fbe2cb0aa8118c23d67c)

Yeah, super cool hah :P

[Savio Martin](https://hashnode.com/@saviomartin)

[Jun 24, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d48e655ed303057ace9703)

Brother, You wrote this article really well! Kudos to you! Keep up the amazing work! Loved the article a lot 💖

[Amirul Asyraf](https://hashnode.com/@asyraf_)

[Jun 24, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d48e655ed303057ace9703#reply-60d505a35ed303057acea0fa)

Thanks, dude. I will !!!! I will bring my reader into a fascinating journey always 🚀 .

[Andrew Baisden](https://hashnode.com/@andrewbaisden)

[Jun 24, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d47c4312f77505a833bd3a)

Cool tip so useful [amirul asyraf](https://hashnode.com/@asyraf_)

[Amirul Asyraf](https://hashnode.com/@asyraf_)

[Jun 24, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d47c4312f77505a833bd3a#reply-60d504f612f77505a833cba2)

Super dope tricks hah 🤜🤛

[Eleftheria Batsou](https://hashnode.com/@eleftheriabatsou)

[Jun 24, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d4368199fab47c98b639ab)

Great trick! And it does look really nice [amirul asyraf](https://hashnode.com/@asyraf_).

[Amirul Asyraf](https://hashnode.com/@asyraf_)

[Jun 24, 2021](https://hashnode.com/posts/how-to-change-link-underline-color-with-css/60d3fadb99fab47c98b6342c/comment/60d4368199fab47c98b639ab#reply-60d4445799fab47c98b63b53)

Yeah, very cool tricks :p 🚀