TAG3 css label 이용해서 radio, checkbox checked 설정하기 - 텍스트 클릭해서 체크하기 css label 이용해서 radio, checkbox checked 설정하기 - 텍스트 클릭해서 체크하기 form 에서 radio(라디오) 나 checkbox(체크박스) 선택시 체크(checked)가 되는데 해당 input을 선택하지 않고 옆에 텍스트를 선택했을때도 체크(checked)가 작동되게 하는방법 태그로 해당 input 을 감싸주면 된다. 예제 ) 라디오 체크박스 2016. 6. 28. 아이콘 배경처리해서 큰이미지 잘라보여주기 아이콘 배경처리해서 큰이미지 잘라보여주기 이미지 한개에 여러개의 아이콘을 넣어놓고 원하는 영역만 보여줄때 아래와 같은 스타일을 이용할 수 있다. .samplebox { display:block; overflow:hidden; position:absolute; top:50%; z-index:9; width:53px; height:51px; margin:-26px 0 0; background:url("/images/sample-ico1.png") 0 -23px no-repeat; text-indent:100%; white-space:nowrap; cursor:pointer;} .samplebox { //-> 클래스 선언 (ID)도 무관 display:block; //=> block화 해서 영역을 확보한다. .. 2016. 6. 24. UL li ul li 스타일 정의하기 li 스타일에 이미지 적용하기 ul { list-style-image: url('sqpurple.gif'); } li 스타일 없이 나오게 하기 ul { list-style-type: none; } 2016. 6. 24. 이전 1 다음