Apariencia

Ancho:

Alto:

Color del botón:

Texto del botón:

Color de fuente:

Tamaño de fuente:

18px

Grosor del borde:

Redondeado del borde:

Color del borde:

Sombreado:

Efectos al pasar el ratón

Color del botón:

Color del borde:

Color de fuente:

<button id="btn">Texto</button>
<script></script>
<style>
#btn{ width: 100px; height: 30px; background: #233D4D; color: white; font-size: 18px; border: 0 solid black; border-radius: 0; box-shadow: 0; font-family: "Roboto", sans-serif; margin: 10px; cursor: pointer; outline: none; transition: .3s; } #btn:hover{ background: #233D4D; border-color: black; color: white }
</style>