CSS - <a> 태그 밑 줄 없애기 (text-decoration)

HTML에서 앵커 태그(<a>)는 경로 이동을 할 때에 사용된다.

이 앵커태그는 기본적으로 밑 줄이 그어져 있는데, style을 추가하여 없앨 수 있다.

 

 

---

1. 기존 <a> 태그 사용 시

<a href="www.naver.com">네이버 바로가기</a>

 

위 코드를 실행시킨 결과

기본적으로 적용되어 있음

 

---

2. 밑 줄 제거한 <a> 태그 (text-decoration: none)

 

태그 내 text-decoration 옵션을 사용하면 밑줄이 제거된다.

<a href="www.naver.com" style="text-decoration: none;">네이버 바로가기</a>

밑 줄이 제거된 <a>