밑줄 다음 글꼴의 색이 다릅니다

Question

텍스트의 밑줄과 텍스트 자체에 다른 색을 만드는 방법이 있습니까?

대부분의 브라우저에서 text-decoration-color은 not available입니다. 그래서 다른 방법이 있습니까?

Answer 1

border-bottom 및 text-decoration: none을 사용하십시오. 밑줄 친 링크와 같습니다.

아래 조각에 보라 :

a { 
 
    text-decoration: none; 
 
    color: red; 
 
    border-bottom: 1px solid blue; 
 
} 
 

 
a:hover { 
 
    color: blue; 
 
    border-color: red; 
 
}

<a href="#">This is a underlined link</a>

희망이 도움이!