HTML, CSS, javascript/실습
Tab Menu 실습
프루트
2022. 6. 15. 21:03



- 탭버튼 01은 체크된 상태로 시작하기 위해 첫번째 input에 checked를 표시했다.
- checked된 것을 확인하기 위해 input[type="radio"]:checked와 연결된 label을 쉽게 찾기 위해 바로 뒤에 작성하고
css에서 + 동위선택자로 지정하고 색을 변경했다.
- radio 타입은 안보이게 하고 글자를 누르면 선택이 되게 하려고 label의 for과 input의 id를 동일하게 했다.
- input이 선택되면conbox가 보이고 안보이고를 설정하면 위의 그림처럼 된다.