스타일시트(css)에서 A:link, A:visited, A:active, A:hover 설명 > HTML/CSS

본문 바로가기
사이트 내 전체검색


회원로그인

최신 게시글
  • 게시물이 없습니다.

HTML/CSS

 > 개발자료 > HTML/CSS

HTML/CSS

CSS | 스타일시트(css)에서 A:link, A:visited, A:active, A:hover 설명

페이지 정보

작성자 GIT 작성일13-05-07 01:41 조회118,183회 댓글0건

본문

<style type="text/css"> 
   a:link {color:#0000bb; text-decoration:none}
   a:visited {color:#000000; text-decoration:none}
   a:active {color:#0000ee; text-decoration:none}
   a:hover {color:#0000cc; text-decoration:none}
</style>


※ 위의 4가지 속성이 모두 같다면 아래 처럼 1줄로 표현 가능함
a:link, a:visited, a:active, a:hover {text-decoration:none; color:#0000bb;}

text-decoration:none 는 하이퍼링크의 밑줄을 표시하지 않는다는 뜻
text-decoration:underline 는 하이퍼링크시 밑줄을 표시한다는 뜻
a:link - 방문한 적이 없는 하이퍼링크 색상
a:visited - 방문한 적이 있는 하이퍼링크 색상
a:active - 마우스를 눌렀을 때의 하이퍼링크 색상
a:hover - 마우스 커서가 하이퍼링크로 올라갔을 때의 색상

 
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

HTML/CSS 목록

게시물 검색

접속자집계

오늘
224
어제
399
최대
4,468
전체
1,818,946
그누보드5
회사소개 개인정보취급방침 서비스이용약관    Copyright © www.g-it.kr. All rights reserved.