본문 바로가기

html+CSS+JS/html+CSS

[CSS] 선택자:특정 상태 (hover, visited, focus, active)

반응형

1. 마우스를 올렸을 때

선택자:hover {스타일 내용}

적용 스타일값 - font-weight: 글자 두께 / font-shadow: 글자 그림자 (상하,좌우,번짐정도,색상)

 

 

2. 링크가 연결된 경우, 한 번 클릭해서 해당 링크 들어갔다 나왔을 때

선택자:visited {스타일 내용}

적용 스타일값 - font-weight: 글자 두께 / font-shadow: 글자 그림자 (상하,좌우,번짐정도,색상)

 

3. 커서가 올라가있을 때 (Tab키를 누르면 선택이 달라지는 때)

선택자:focus {스타일 내용}

적용 스타일값 - font-weight: 글자 두께 / font-shadow: 글자 그림자 (상하,좌우,번짐정도,색상)

 

4. 마우스로 클릭했을 때

선택자:active {스타일 내용}

적용 스타일값 - font-weight: 글자 두께 / font-shadow: 글자 그림자 (상하,좌우,번짐정도,색상)

 

반응형