TodoVM

laaa

Botones Minimalistas

Codigo Html:

<div class="boton rosa"><Rosa<></div>
Otros atributos: rosa, oscuro, claro, amarillo. Para cambiar los atributos en el HTML <div class="boton rosa">Rosa</div> solo debemos cambiar el rosa por los que se mostraron anteriormente.
Codigo CSS:

/* en caso de alinear "margin: 10px auto 20px;" */ .boton { font-weight: 600; background-color: #ffffff; border-radius: 3px; display: block; width: 122px; text-align: center; padding: 7px 20px; color: white; margin-bottom: 4px; font-size: 16px; font: 100%/1.25 "proxima-nova", "Helvetica Neue", Helvetica, sans-serif; } .rosa { background-color: #EA7661; } .verde { background-color: #78BC9A; } .oscuro { background-color: #3C4248; color: #ededed; } .amarillo { background-color: #DFB562; } .claro { background-color: #DDEBE9; color: #666; text-shadow: 0px 1px white; }