CSS 링크 스타일링

먼저 링크(<a>)는 아래 목록에서 보듯이 여러 가지 상태를 가지고 있으며,

원하는 상태에 대해 스타일을 지정할 수 있다.

• a:link : 대상이 지정된 링크
• a:visited: 이미 방문한 링크
• a:hover: 마우스 포인터로 가리킬 때의 링크
• a:focus: 포커스가 가리킬 때의 링크
• a:active: 활성화된 링크

 

링크 기본 스타일

• 밑줄
• 방문하지 않은 링크: 파란색
• 방문한 링크: 보라색
• 마우스 포인터로 링크를 가리키면 포인터가 손 모양으로 변한다
• 포커스가 가리킬 때 링크 주변에 윤곽선이 생긴다.
• 활성 링크: 빨간색