[HTML] a 태그 밑줄 없애기

 

안녕하세요.

 

오늘은 가볍게 a 태그 밑줄 없애기를 알려드리겠습니다.

 

= 하이퍼링크 밑줄 없애기

 

<a href="https://jjaeho.tistory.com">https://jjaeho.tistory.com</a>

 

이렇게 코드를 짜면 밑에처럼 파란줄이 생기고 하이퍼링크가 되어 생성됩니다.

 

https://jjaeho.tistory.com

 

 

<a href="https://jjaeho.tistory.com" style="text-decoration:none;">https://jjaeho.tistory.com</a>

 

이렇게 해주시면 

 

https://jjaeho.tistory.com

 

밑줄이 뿅! 하고 사라집니다.

 

끝!

 

추가로 파란색이 싫다!

 

<a href="https://jjaeho.tistory.com" style="text-decoration:none;color:black;">https://jjaeho.tistory.com</a>

 

 

color부분에 원하시는 색상을 넣으시면 됩니다.

 

진짜 끝!

 

style 방식이 싫다!

 

이렇게 되는 것을 원치 않아! 라고 하시면

 

CSS로 변경해주면 되겠습니다.

 

CSS로 class나 id로 변경하셔도 됩니다.

 

a {
    text-decoration:none;
}

 

이러면 모든 a 태그는 아랫줄이 없어지니 class나 id를 설정해서 해주셔서 입맛에 따라 사용하시면 됩니다.

 

리얼 끝!!