반응형
아래의 체크박스나 라디오 속성을 가진 input 태그를
CSS를 사용하여 버튼(button) 모양으로 설정하는 방법입니다.
<input type="checkbox" /> <input type="radio" />
※ 원리는 checkbox나 radio 속성을 가진 input 태그를 DIV로 감싸주는 방법이고
CSS에 설정된 스타일 소스는 DIV에 적용되는 소스입니다.
예제 소스
이준빈은 호박머리(CSS) radio_1 radio_1 check_1 check_1
실행결과
반응형
'Language > HTML' 카테고리의 다른 글
| div iframe 퍼센트 높이조절 문제 해결(div, iframe height 100%) (2) | 2013.07.12 |
|---|---|
| HTML 웹표준, 유효성 검사 방법(W3C 지원) (0) | 2013.03.08 |
| IE 호환성 보기 문제 및 해결(스크립트, 테이블 깨짐 등) (16) | 2013.02.01 |
| HTML) 인쇄영역 나누기, 페이지 나누기 (16) | 2013.01.11 |
| 즐겨찾기에 추가 버튼 (0) | 2012.12.12 |
| 바탕화면에 바로가기 아이콘 변경 (0) | 2012.12.11 |
| 오른쪽 마우스 클릭 방지 (0) | 2012.12.03 |
| input="text"에서 커서 진입 시 한/영 default 값 설정(ime-mode) (0) | 2012.11.01 |
| input type="text"에서 onChange 사용하기(onPropertyChange) (0) | 2012.10.26 |
| window.showModalDialog 사용시 캐시 문제 (0) | 2012.10.10 |