[CSS] link a tag 색깔, 밑줄 제거

링크 태그인 a를 보면 기본적으로 밑줄이 있고, 방문했던 링크는 색깔도 변한다.

보기에 안 좋을 수 있다.

css를 추가하여 간단하게 깔끔하게 원하는대로 변경할 수 있다.

예)

a:link { color:#0000ff; text-decoration: none;}  

a:visited { color:#0000ff; text-decoration: none;} 

a:hover { color:#cc0000; text-decoration: none;}

a:active { color:#ff0000; text-decoration: none;}

의미는 다음과 같다.

link는 기본 텍스트 색상

visited는 방문했던 적이 있는 링크

hover는 마우스가 해당 링크정보 위로 올라갔을 때

active는 마우스로 클릭하는 순간 짧은 시간 동안.

정리하면 처음에는

link 상태에서 마우스가 위로 올라가면 hover 여기서 클릭하면 active로 짧게 상태로 변경되었다가 visited로 된다.