라디오 radio / 체크박스 checkbox

input의 type들 중 radio 나 checkbox 를 많이 쓰게 되는데..

이 둘은 CSS로 꾸미기가 가능하고 선택되고 안되고 같은 상태가 감지되기 때문에 다양한 용도로 변형되어 사용됨

나도 하나 뚝딱 만들어 봄

예제와 소스는 아래 참고

핵심은 input은 숨기고 label을 마음껏 꾸미는 것 (필요하면 :before 나 :after 등으로 좀 더 확장해가면서...)

그리고 체크 상태일때와 아닐때에 따라 다른 스타일을 적용하는 것

잘 이해하고 응용하면 메뉴로 만들 수도 있고, 탭으로 쓸 수도 있고 각종 버튼으로 만들 수 있음

#me { visibility : hidden; }