Con una imagen, un archivo CSS con su respectivo código y un poco de esfuerzo, podremos crear botones CSS parecidos a los de Nintendo Wii, totalmente compatibles con IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9.

Los pasos para crearlo son muy simples, y se ilustran al salto de la página.

Primero, obviamente, deberemos subir la imagen y el archivo CSS a nuestro servidor (Los dos en la misma ubicación, la misma ruta de nuestro servidor), y llamar al archivo CSS desde el documento, es decir, así:

Para Anchor :

 <a class="button" href="https://www.cssblog.es/crear-botones-css-estilo-wii/"><span>tu texto</span></a>

Para botón Form: (Puede ser que quieras usar una detección para saber el navegador), existen dos opciones:

» Para Internet Explorer (y si necesitas varios botones dentro de un Form):

 <span class="button">
<input type="submit" name="foo"  value="tu texto" />
</span>

» Para los navegadores que no sean Internet Explorer :

 <span class="button">
<button type="submit" name="foo" value="tu texto">tu texto</button>
</span>

Para crear una acción inhabilitada :

 <del class="button"><span>tu texto</span></del>