아래의 체크박스나 라디오 속성 가진 input 태그를

CSS를 사용하여 버튼(button) 모양으로 설정하는 방법입니다.

<input type="checkbox" />   <input type="radio" />


※ 원리는 checkbox나 radio 속성을 가진 input 태그를 DIV로 감싸주는 방법이고
    CSS에 설정된 스타일 소스는 DIV에 적용되는 소스입니다.

예제 소스

이준빈은 호박머리(CSS)




radio_1 radio_1 check_1 check_1


실행결과

Posted by 준콩ol 준콩ol

댓글을 달아 주세요

  1. Cacka Imae 2014.11.20 21:16 신고  댓글주소  수정/삭제  댓글쓰기

    http://roachblog.tistory.com/ 이런식 디자인하고싶는데 보고 말씀해주세요^^

  2. Cacka Imae 2014.12.02 19:50 신고  댓글주소  수정/삭제  댓글쓰기

    블로그 들어오면 메시지 그거 무슨메시지임?
    https://www.spot.im/

  3. Cacka Imae 2014.12.03 12:20 신고  댓글주소  수정/삭제  댓글쓰기

    연결 연동하기 뭐됨?

  4. Cacka Imae 2014.12.04 20:48 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니당
    제블로그 디자인가능?

    질문 & 답변

    소개

    이매의 블로그 연락처
    dlao14.korea@gmail.com
    010-0000-0000

    http://cdmanii.com/

    이미지 업로드 [무료이미지 업로드 방법 설명]
    어캐해야돼요

  5. 라임 2015.05.05 15:59  댓글주소  수정/삭제  댓글쓰기

    찾고 있던 기능입니다! 정말 감사합니다~~