어떤 텍스트와 밑줄,우리가 사용할 수 있습니다 line-height 및 padding-bottom. 하지만 제 경우에는 내가 사용하는 하이퍼링크,그 위에 마우스를 올려놓은 경우에는 하이퍼링크가 원하는 텍스트-장식 밑줄을 높이의 간격을 하이퍼링크를 텍스트와 밑줄?
보고 앞으로 어떤 대답합니다.
어떤 텍스트와 밑줄,우리가 사용할 수 있습니다 line-height 및 padding-bottom. 하지만 제 경우에는 내가 사용하는 하이퍼링크,그 위에 마우스를 올려놓은 경우에는 하이퍼링크가 원하는 텍스트-장식 밑줄을 높이의 간격을 하이퍼링크를 텍스트와 밑줄?
보고 앞으로 어떤 대답합니다.
당신이 볼 수 있는 아래의 조각,
만든 사용자 지정한 링크 방법은 당신이 찾고있는,그것을 확인하고 알려주는 경우에 필요한 경우 추가 있습니다.
.custom {
text-decoration: none;
display: inline-block;
position: relative;
}
.custom::after {
content: '';
display: inline-block;
width: 100%;
left: 0;
height: 1px;
position:absolute;
background-color: rgb(0, 0, 238);
bottom: -2px;
}
<h2>Normal Link</h2>
<a href="google.com">Hello</a>
<h2>Custom Link</h2>
<a href="google.com" class='custom'>Hello</a>