2013 / 07 / 22 CSS 按鈕生成

許多部落客提供的CSS線上生成網站：http://css-button-generator.com/
PS、因為本身Blogger風格關係，文字顏色可能無法完美呈現。

提交




我產生的CODE

<style type="text/css">
.bottom {
font-size:13px;
font-family:Arial;
font-weight:normal;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #337fed;
padding:4px 15px;
text-decoration:none;
background:-webkit-gradient( linear, left top, left bottom, color-stop(12%, #3d94f6), color-stop(93%, #1e62d0) );
background:-moz-linear-gradient( center top, #3d94f6 12%, #1e62d0 93% );
background:-ms-linear-gradient( top, #3d94f6 12%, #1e62d0 93% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
background-color:#3d94f6;
color:#ffffff;
display:inline-block;
text-shadow:1px 1px 1px #1570cd;
  -webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
  -moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
  box-shadow:inset 1px 1px 0px 0px #97c4fe;
}.bottom:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(12%, #1e62d0), color-stop(93%, #3d94f6) );
background:-moz-linear-gradient( center top, #1e62d0 12%, #3d94f6 93% );
background:-ms-linear-gradient( top, #1e62d0 12%, #3d94f6 93% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
background-color:#1e62d0;
}.bottom:active {
position:relative;
top:1px;
}
/* This css button was generated by css-button-generator.com */