Hola
Aquí tienes un sencillo ejemplo de como hacerlo:
Código HTML:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<style type="text/css">
* {border: 0; margin: 0; padding: 0;}
html,body { width: 100%; height: 100%; background-color: #fff; }
#Base { width: 100%; height: 100%; background-color: #fff;}
button {padding: 0.5em; border: 1px solid #000; cursor: pointer;}
button:hover {background-color: #666; border: 1px solid #000;}
#destacar {text-decoration:underline;}
</style>
<title>Pruebilla</title>
</head>
<body>
<div id="Base">
<form method="post" action="la_que_sea">
<button><span id="destacar">T</span>exto del botón</button>
</form>
</div>
</body>
</html> Los estilos relevantes son los referentes al button y #destacar.
Los otros estilos y configuraciones están solo para mostrar un documento de base sin modificaciones ni extras.
Felicidad