Si puede hacerse en una web normal, para eso eberás usar CSS:
Dentro del body del documento y a su vez dentro de las etiquetas donde deberá aparecer el botón (header, footer, donde sea, etc), coloca algo como esto:
HTML:
Código:
<body>
<section id="boton">
<section">Botón</section>
</section>
</body>
Código:
#boton {
background: white;
border-radius: 5px;
border-style: solid;
border-width: 1px;
color: #000000;
height: auto;
text-align: center;
width: 10%;
}
#boton:hover {
background: black;
border-color: red;
color: white;
}
La propiedad
hover es la que indica qué efecto cambiará el elemento al pasar el mouse sobre el.
¿Cuales son los efectos?
Los efecto dependerán de las pripiedades que quieras hacer cambiar, ejemplo:
En el ejemplo anterior el elemento con la etiqueta
#boton tiene un color de texto
#000000, al hacer hover sobre él,
#boton:hover cambiará a
color: white;.
En pocas palabras, la etiqueta con id
#boton es la vista general de tu botón (la que se verá por defecto) con todas las propiedades que quieras, etc. Y
#boton:hover es la que genera el cambio, siendo
:hover el que indica qué cambios tendrá la etiqueta
#boton.
Espero haber sido claro. Saludos!