Κουμπιά με διαφορα χρώματα

111111111 ..........................................................................
.demo ......................................................................................
. 11111111111............ ...............................................................
Το μονο που έχετε να κάνετε αν θέλετε αλλαγή χρώματος αλλάξτε το κωδικό με κόκκινο χρώμα ,με δικια σας επιλογή πχ: initial; background-clip: initial; background-color: #f7bb05; background-image:,name button θα αφαιρέστε τα νούμερα πχ;11111111 και βάλτε το δικό σας,



with link-----------------------------------------

<span style="background-attachment: initial; background-clip: initial; background-color: #f7bb05; background-image: initial; background-origin: initial; border-bottom-color: transparent !important; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-image: initial !important; border-left-color: transparent !important; border-left-style: solid !important; border-left-width: 1px !important; border-right-color: transparent !important; border-right-style: solid !important; border-right-width: 1px !important; border-top-color: transparent !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid !important; border-top-width: 1px !important; color: #252525; display: inline-block; font-family: helvetica45, helvetica, serif; font-size: 14px; font-weight: bold; height: 28px; line-height: 28px; margin-bottom: 10px; margin-right: 43px; min-width: 119px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; position: relative; text-align: center; text-decoration: none; vertical-align: top; width: auto; z-index: 1; zoom: 1;"><a href="http://demo-tubesalonika.blogspot.com/">demo</a></span>


no link---------------------------------------------
11111111111


<span style="background-attachment: initial; background-clip: initial; background-color: #f7bb05; background-image: initial; background-origin: initial; border-bottom-color: transparent !important; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid !important; border-bottom-width: 1px !important; border-image: initial !important; border-left-color: transparent !important; border-left-style: solid !important; border-left-width: 1px !important; border-right-color: transparent !important; border-right-style: solid !important; border-right-width: 1px !important; border-top-color: transparent !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid !important; border-top-width: 1px !important; color: #252525; display: inline-block; font-family: helvetica45, helvetica, serif; font-size: 14px; font-weight: bold; height: 28px; line-height: 28px; margin-bottom: 10px; margin-right: 43px; min-width: 119px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; padding-top: 0px; position: relative; text-align: center; text-decoration: none; vertical-align: top; width: auto; z-index: 1; zoom: 1;">11111111111</span>
Αλλάξτε διαστάσεις εδώ