Hola a todos. Tengo un par de dudas con botones en html ya que soy muy nuevo en su uso.
En una página tenía definidos los botones con una sola imagen de fondo definiendo dos <span> y un <a>, ya que los botones tienen el ancho según el texto dentro del botón y los span servían para coger la parte izquierda de la imagen y la derecha, para poder ver el redondeo. Este es el código actual:
<span class="art-button-wrapper tg pestania">
<span class="l tg"> </span><span class="r tg"> </span>
<a href="SGCA_actuacion_tramitacionelectronica.html" class="button art-button tg" >Texto botón
</a></span>
Y esta la imagen de fondo, por si no me he explicado bien:

La cosa es que ahora tengo que poner los botones como inputs y lo que no se hacer es sólo usando la misma imagén poder tener los botones con anchos relativos y hacer que a la izquierda coja el principio de la imagen, y a la derecha el final de la imagen para que quede redondeado.
Muchas gracias por vuestro tiempo.