كيف اغير من Button الى صورة

لوضع صور على زر يمكنك إضافة الصورة فى الإستايل

<input type="button" style="background-image:url('images/new.gif');width:30px;height:30px;border-style:none;" >

أو

<input type="image" src="images/new.gif">

شكراً للأخ : mostafa_khattab

وأيضاً هناك عدّة أذواق :

<button style="background-image:url(/images/submit.gif); border:0;" type="submit" value="submit">submit</button><br  />

<button style="border:0;" type="submit" value="submit"><img src="/images/submit.gif" /></button><br  />

<input style="background-image:url(/images/submit.gif); border:0;" type="submit" value="submit" /><br  />

والأفضل عندما تجعل الصور ألا تقتصر عليها، وأن تضم إلى تنسيق الخلفية بالألوان حتى لو عطّل الزائر إظهار الصور فإن الموقع لا يتشوّه ، وبذلك تكون الأزرار ظاهرة .