아래의 체크박스나 라디오 속성을 가진 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' 카테고리의 다른 글
| 라디오,체크박스 (radio, checkbox) 버튼 css (9) | 2013.07.24 |
|---|---|
| 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 |
댓글을 달아 주세요
http://roachblog.tistory.com/ 이런식 디자인하고싶는데 보고 말씀해주세요^^
어떤걸 말씀해달라고 하시는건지요??
블로그 들어오면 메시지 그거 무슨메시지임?
https://www.spot.im/
채팅방 기능이에요~
클릭해보시면 SNS에서 로그인 후 글 남기실 수 있습니다~
연결 연동하기 뭐됨?
블로그 소스에 SPOTIM 컴포넌트 심어놓으시면 됩니다
감사합니당
제블로그 디자인가능?
질문 & 답변
소개
이매의 블로그 연락처
dlao14.korea@gmail.com
010-0000-0000
http://cdmanii.com/
이미지 업로드 [무료이미지 업로드 방법 설명]
어캐해야돼요
찾고 있던 기능입니다! 정말 감사합니다~~
jqueryui.com 가시면 데모기능들 있으니 테스트 해보세요~