HTML

css active 속성 메뉴바 탭키

이상욱1 2015. 9. 11. 15:56







아래 같이 해당 탭에 눌린 표시를 줄수 있다 해당  연결된 에서 htm 에서 속성을  이렇게 주면된다 <li class='innerdev active'>

전체 페이지의 html에서는 <li class="alldev active"> 이렇게 표시 











1. <A> 태그의 종류

 

A:link

방문한 적이 없는 링크의 기본 모양

즉, 한 번도 클릭한 적이 없는 상태의 링크 모양

 

A:visited

방문한 적이 있는 링크의 모양

 

A:active

링크를 클릭 했을 때의 모양

즉, 마우스로 클릭한 상태로 마우스 버튼을 떼지 않았을 때의 누르고 있는 상태의 모양

 

A:hover

링크에 마우스 커서를 올렸을 때의 모양

마우스 오버 효과라고 부릅니다.

 

 

2. 사용 방법

 

A:link    { text-decoration:underline; color:#333333; }

A:visited    { text-decoration:underline; color:#333333; }

A:active    { text-decoration:underline; color:#333333; }

A:hover    { text-decoration:underline; color:#333333; }

 

text-decoration

링크의 줄 속성을 설정합니다.

underline은 밑줄, overline은 윗줄, none은 줄 없음, 이렇게 세 가지 속성이 존재합니다.

 

color

링크의 색상을 설정합니다.

http://gskool.tistory.com/111