[css] input버튼을 이미지로 사용 CSS
페이지 정보
본문
type="image" 의 일반적인 방법
<form>
<input type="image" alt="Sample" width="100" height="30" src="./images/image_submit.gif" />
</form>
CSS를 사용할때
<style type="text/css">
#image-submit {
border: 0px;
width: 100px;
height: 30px;
background: url(image_btn.png) left top no-repeat;
}
</style>
<form>
<input type="submit" value="" id="image-submit" />
</form>
Javascript를 사용할때
<form>
<input type="image" onClick="void(this.form.submit());return false" />
</form>
<form>
<input type="image" alt="Sample" width="100" height="30" src="./images/image_submit.gif" />
</form>
CSS를 사용할때
<style type="text/css">
#image-submit {
border: 0px;
width: 100px;
height: 30px;
background: url(image_btn.png) left top no-repeat;
}
</style>
<form>
<input type="submit" value="" id="image-submit" />
</form>
Javascript를 사용할때
<form>
<input type="image" onClick="void(this.form.submit());return false" />
</form>
댓글목록
등록된 댓글이 없습니다.
