<style type="text/css">
.button1 {
background-color:#3bb3e0; /* Die Hintergrundfarbe */
padding:10px; /* Der Abstand */
position:relative;
font-family: ‘Open Sans’, sans-serif; /* Schriftart */
font-size:12px; /* Schriftgröße */
text-decoration:none; /* Link ist nicht unterstrichen */
color:#fff; /* Textfarbe */
border: solid 1px #186f8f; /* Die Randfarbe */
background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); /* Hier sind die einzelnen Farben */
background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(44,160,202)),
color-stop(1, rgb(62,184,229))
);
-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff; /* Der Schatten */
-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
-webkit-border-radius: 5px; /* Abgerundet */
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.button1:active { /* Wenn du mit der Maus auf den Button klickst */
padding-bottom:9px; /* Der Abstand */
padding-left:10px;
padding-right:10px;
padding-top:11px;
top:1px;
background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); /* Die neuen Farben */
background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(62,184,229)),
color-stop(1, rgb(44,160,202))
);
}
</style>