[HTML&CSS] a 태그를 사용할 때 밑줄 없애는 방법

안녕하세요, iFlue의 yoo_nan01 입니다.

오늘은 HTML&CSS 에서 a 태그를 사용할 때 밑줄을 없애는 방법에 대해 알아보겠습니다.

1. HTML 작성하기

아래 코드와 같이 코드를 작성하여 주세요.

<a class="no_underline" href="http://iflue.tistory.com">iFlue Tistory</a>

2. CSS 작성하기

이때, text-decoration: none; 은 밑줄을 없애는 것입니다.

밑줄을 만드시려면, text-decoration: underline; 으로 하시면 됩니다.

.no_underline {
text-decoration: none;
}

.no_underline:hover {
text-decoration: none;
}

추가로 궁금하신 점이나, 포스팅을 원하는 것이 있으면 댓글로 남겨주세요.

감사합니다.