웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] CSS를 이용한 탭메뉴 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] CSS를 이용한 탭메뉴

해피CGI윤실장 2019. 3. 8. 08:59

css 소스를 이용하여 탭메뉴를 만들 수 있습니다.

 

 

 

아래소스만으로 위 이미지와 같은 탭 메뉴 출력을 할 수 있습니다.

 

 

 

 

탭을 라디오 버튼으로 만들어주고 스타일을 씌워 탭메뉴 모양으로 만들어줍니다.

탭메뉴에 마우스를 올렸을때 글자색은 label:hover 안에 있는 color 값을 수정해주시면 됩니다.

 

 

 

홈페이지바로가기 소스다운로드

Comments