anchor 태그와 가상선택자

yricog·2021년 10월 7일

anchor 태그의 옵션

<a href="연결하고자 하는 링크" target="_blank" title="사이트 이름">
  • href : 연결하고자 하는 사이트의 주소를 넣어준다.
  • target : 링크를 새로운 페이지에서 열도록 설정
  • title : 커서를 올렸을 때 연결된 사이트의 이름을 표시

anchor 태그의 가상택자

a:link { text-decoration:none; }

-- 기본설정인 밑줄 없애기

a:visited { color:black; }

-- 해당 앵커태그를 한번이라도 클릭한 기록이 있을 시 : 색 변경

a:hover { text-decoration:underline; }

-- 앵커영역 안으로 마우스 포인터가 진입할 때 : 밑줄 생기기

a:active { color:red; }

-- 앵커태그 클릭하는 순간 : 색 변경

profile
의미와 가치를 쫓는 개발자 ✨

0개의 댓글