Y ya que estoy agrego otro ejemplo de botonera "Play - Pause - Stop".
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD>
<style>
.botones{
background-color : buttonface;
letter-spacing : 12px;
width: 150px;
text-align : center;
}
.pause{
width : 20px;
height : 20px;
font-size : 1px;
border-style : solid;
border-top-color : buttonface;
border-left-color : #000;
border-right-color : #000;
border-bottom-color : buttonface;
border-top-width : 1px;
border-left-width : 7px;
border-right-width : 7px;
border-bottom-width : 1px;
background-color : buttonface;
padding : 0;
}
.play{
width : 20px;
height : 20px;
font-size : 1px;
border-style : solid;
border-top-color : buttonface;
border-left-color : #000;
border-right-color : buttonface;
border-bottom-color : buttonface;
border-top-width : 10px;
border-left-width : 20px;
border-right-width : 1px;
border-bottom-width : 10px;
background-color : #000;
padding : 0;
}
.stop{
width : 20px;
height : 20px;
font-size : 1px;
border-width : 1px;
border-style : solid;
background-color : #000;
padding : 0;
}
</style>
</HEAD>
<BODY>
<div class="botones">
<input type="button" class="play" value="" onclick="alert('play')" title="PLAY">
<input type="button" class="pause" value="" onclick="alert('pause')" title="PAUSE">
<input type="button" class="stop" value="" onclick="alert('stop')" title="STOP">
</div>
</BODY></HTML>