[티스토리] 링크(Link) 에 밑줄 추가하기 혹은 제거하기.

기본적으로 HTML 태그 중 하나인 'a 태그'는 링크에 밑줄을 제공합니다.

하지만, CSS 를 이용해서 이 밑줄을 제거할 수도 있죠.

일부 스킨에서는 링크(Link)에 처음부터 밑줄이 안 보이도록 설정하더군요.

필자의 경우는 밑줄이 있는 것이 익숙해서 오히려 살렸습니다만,

일부 블로거들은 밑줄을 내용 강조용으로 사용하기 때문에 밑줄을 없애시더라구요.

그래서 링크에 밑줄을 추가 혹은 제거하는 두 가지 방법 모두를 공개합니다.

1. 티스토리 관리자 페이지로 이동

2. [HTML/CSS 편집] 클릭한다.

3. style.css 부분에서 a 태그 정의부를 찾는다.

4. 밑줄을 제거하고 싶다면 text-decoration 에 none 값을, 밑줄을 넣고 싶다면 underline 값으로 적는다.

Q : hover 는 뭐야?

a 만 있는 것이 아니라 a:hover 라는 것이 있어 혼란스럽죠?

hover 는 마우스 커서가 해당 링크 위에 있을 때를 이야기합니다.

만약 위의 설정처럼 a 는 none 이고, a:hover 는 underline 이라면,

마우스 커서가 링크 밖에 있을 때는 밑줄이 안 보이고,

마우스 커서가 링크 위에 올라가면 밑줄이 보이게 됩니다.