Tutorial de como crear tus propios botones sin necesidad de saber conocimientos previos

Esto de los botones es muy usado por diseñadores web ya sea para decorar su web hacer menús etc.

En este tutorial que les he preparado les voy a enseñar a crear sus propios botones sin necesidad de saber ningun conocimiento alguno.

Sin nada mas que hablar vean este ejemplo:

Solo debes encerrar un título entre <button> y </button>

Eso hace que se genere un botón automaticamente.

para hacerlo con enlace este sería el código:

<a href="URL DE LA WEB O BLOG"><button>AQUI EL TíTULO</button></a>

Ejemplo:

---

PERSONALIZACIÓN

CAMBIAR EL TAMAÑO AL BOTÓN:

Para cambiarle el tamaño a tu botón agrega esta linea

style="WIDTH: 112px; HEIGHT: 41px">

después de <button </ button>

sería así:

<button style="WIDTH: Anchopx; HEIGHT: Altopx">TEXTO </button>

Cambia lo de verde por el tamaño que desees.

Ejemplo:

---

CAMBIAR EL TAMAÑO AL TEXTO:

Para cambiar el tamaño al texto agrega esta linea:

style="FONT-SIZE: tamañopx">

Igual osea después de <button </ button>

sería así:

<button> style="FONT-SIZE: tamañopx">TEXTO</button>

Cambia lo de verde por lo que te indica.

Ejemplo:

---

CAMBIAR EL COLOR AL TEXTO

Para cambiarle el color al Texto tambien debes agregar una linea de código que es esta:

style="COLOR: #000000">

Cambia lo de naranja por el color exadecimal que desees.

Ejemplo:

---

Nota: Recuerda que si vas a colocar todos los estilos debes poner una coma "," al final de cada linea para que funcione,de lo contrario no funcionarán los estilos.

Eso es Todo Disfruten de sus Botones.