asp.net 버튼에 이미지 입히기

<p class="btn_style_default">
<span class="btn_style01">
<asp:Button ID="Button1" CssClass="btn_style_button" runat="server" Text="텍스트버튼 만들기 입니다." BackColor="White" BorderColor="White" BorderWidth="0" Height="23" onclick="Button1_Click" />
</span>
</p>

버튼의 배경색 및 테두리색을 흰색으로 맞추고 테두리 크기값을 0으로 맞춘다.
뒤에 span과 button의 css 값을 셋팅해서 테두리 이미지를 넣어준다.

아래는 위에 적용된 CSS 이다.
.btn_style_default {height:31px; margin: -30px 0px 0px; position:relative; text-align:center;}
.btn_style01 {background-image:url(../Images/btn_default.png); background-repeat:no-repeat; background-position:0% 0%; color:#4D4D4D; display:inline-block; height:24px; margin-right:2px; position:relative; text-decoration:none !important;}
.btn_style_button {background-image:url(../Images/btn_default.png); background-repeat:no-repeat; background-position:100% 0%; color:#4D4D4D; cursor:pointer; display:inline-block; font-size:12px; font-weight:bold; height:18px; left:2px; letter-spacing:-1px; padding:5px 7px 0px; position:relative; text-decoration:none;}

버튼 배경에 사용된 이미지

버튼 생성결과