Cambia el color de fondo de un botón usando la propiedad background-color:
Cambia el tamaño de fuente de un botón usando la propiedad font-size:
Cambia el relleno de un botón usando la propiedad padding:
Agrega esquinas redondeadas a un botón con la propiedad border-radius:
Usa la propiedad border para agregar un borde al botón:
Usa el selector :hover para cambiar el estilo del botón cuando mueves el cursor sobre él.
Consejo: Usa la propiedad transition-duration para determinar la velocidad del efecto "hover".
Usa la propiedad box-shadow para agregar sombras al botón:
Usa la propiedad opacity para dar transparencia a un botón (para que parezca deshabilitado):
Usa la propiedad width para cambiar el ancho del botón:
Consejo: Usa píxeles para un ancho fijo y porcentaje para botones responsivos. Redimensiona la ventana del navegador para ver el efecto.
Agrega bordes para crear un grupo de botones con borde:
Recuerda limpiar los floats después o este párrafo también flotará junto a los botones.
Agrega un botón encima de una imagen: