Botones con CSS y HTML

Botones con CSS y  HTML

Este vídeo Tutorial- Botones con CSS- HTML es para aprender a generar botones con CSS y HTML.

Iniciar creando un DIV, un texto con su respectivo texto para ejemplo, también se podrían añadir más elementos, en la parte inferior iría el link; al actualizar le aparecerá un elemento común, lo ideal es trabajar con clases mucho más que con identificadores; enlazada tendrá su hoja de estilo a esa parte, siempre deberá contar con espacios; al añadir también un enlace lo primero que debe hacer es quitar el subrayado, solo añadir text decoration none y vera que al actualizar se quito dicho elemento, un otro aspecto es el color a cambiar, para ello es mejor que se encuentre en una caja para poder manipularlo, solo necesita escribir display block, ello hará que ahora este como un elemento manipulable, geralmente para calcular el espacio es poner border 1px solido y gris; puede indicar que tipo de ancho desea y automaticamente le aparecerá el elemento modificado, luego un alto de unos 50 pixeles. Muchas veces dentro del párrafo aparece el enlace, para ello puede y debe configurar al elemento más interno posible.

Cuando desee modificar la estética del botón, antes debe hacer un background- color, puede elegir el color que desee de la gran variedad que posee, en la paleta flat design, tendrá una gran cantidad de gama de colores,solo debe indicar su hexadecimal; el texto igual puede estar sujeto a modificaciones, como para que sea más moderno puede cambiar la fuente de familia, y a la vez el tamaño, es importante poner siempre los prefijos para los navegadores, si es para opera, webkid o mozila; una vez hecha la transición cualquier cambio o modificación del elemento será de manera suave no brusca, indicando su borde y color de fondo como mejor le parezca puede realizar las modificaciones más precisas.


Puede ver el Tutorial- Botones con CSS- HTML en el siguiente vídeo:

Visita nuestros cursos en el siguiente sitio web, haciendo clic AQUÍ

También puede ver nuestro canal de Youtube


Categoría: