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

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

by 돼지왕왕돼지 2013. 5. 21.



 링크(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 이라면,

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

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






댓글1

  • ze.law 2017.08.09 14:24 신고

    기본 설명 뿐만 아니라 단어 설명까지 해 주셔서 유용하게 읽고 갑니다. 한가지 질문 드린다면 underline 뿐만 아니라 이미지도 넣을 수 있을까요? 예를 들어 저는 밑줄 이미지를 텍스트 밑에 넣고싶은데요.
    답글