답변 4개
채택된 답변
+20 포인트
11년 전
증가버튼
<button type="button" class="sit_qty_plus btn_frmline">증가</button>
감소버튼
<button type="button" class="sit_qty_minus btn_frmline">감소</button>
이렇게 있다면, 예들 들어서
증가버튼을 css로 수정해 주고 싶다면
</p>button.btn_frmline.sit_qty_plus.btn_frmline{<div>background:url("<a href="<a href="http://demo.sir.co.kr/gnuboard5/skin/shop/basic/img/sns_fb_s.png" target="_blank" rel="noopener noreferrer">http://demo.sir.co.kr/gnuboard5/skin/shop/basic/img/sns_fb_s.png</a>"><a href="http://demo.sir.co.kr/gnuboard5/skin/shop/basic/img/sns_fb_s.png" target="_blank" rel="noopener noreferrer">http://demo.sir.co.kr/gnuboard5/skin/shop/basic/img/sns_fb_s.png</a></a>") transparent no-repeat;line-height: 999px;width:20px;height:20px;</div><p>}</p><p>
감소버튼을 css로 수정해 주고 싶다면
</p><p>button.btn_frmline.sit_qty_minus.btn_frmline{</p><p>background:url("<a href="<a href="http://demo.sir.co.kr/gnuboard5/data/item/1387871842/thumb-t31_70x70.jpg" target="_blank" rel="noopener noreferrer">http://demo.sir.co.kr/gnuboard5/data/item/1387871842/thumb-t31_70x70.jpg</a>"><a href="http://demo.sir.co.kr/gnuboard5/data/item/1387871842/thumb-t31_70x70.jpg" target="_blank" rel="noopener noreferrer">http://demo.sir.co.kr/gnuboard5/data/item/1387871842/thumb-t31_70x70.jpg</a></a>") transparent no-repeat;line-height: 999px;width:70px;height:70px;</p><p>} </p><p>
이렇게 스타일 주시면 됩니다.
위에 내용이 잘 이해가 가지 않으신다면, 반드시 필히 css 스프라이트 기법 에 대해 공부하셔야 합니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인