[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>