본문 바로가기
IT 놀이터/블로그

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

by 돼지왕 왕돼지 2013. 5. 21.
반응형



기본적으로 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 이라면,

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

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




반응형

댓글