附上預設的按鈕樣式(?
 因為覺得預設的就很好看了，如果只想變更版面的話可以配著食用(?
 
 
 .option-btn,.nametag{
  -moz-box-shadow:inset 0px 1px 0px 0px #000000;
  -webkit-box-shadow:inset 0px 1px 0px 0px #000000;
  box-shadow:inset 0px 1px 0px 0px #000000;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#3d3a3d');
  background-color:rgba(0,0,0,0.5);
  -webkit-border-top-left-radius:0px;
  -moz-border-radius-topleft:0px;
  border-top-left-radius:0px;
  -webkit-border-top-right-radius:0px;
  -moz-border-radius-topright:0px;
  border-top-right-radius:0px;
  -webkit-border-bottom-right-radius:0px;
  -moz-border-radius-bottomright:0px;
  border-bottom-right-radius:0px;
  -webkit-border-bottom-left-radius:0px;
  -moz-border-radius-bottomleft:0px;
  border-bottom-left-radius:0px;
  text-indent:0px;
  border:1px solid #292029;
  display:inline-block;
 
  color:#f5dff5;
  /*color: rgba(205,183,205, 0.9);*/
  font-family:  Arial, DFKai-SB, sans-serif;
  font-size:1em;
  font-weight:bold;
  font-style:normal;
  height:46px;
  line-height:46px;
  width:90%;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #000000;
 }
 .option-btn:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d3a3d), color-stop(1, #000000) );
  background:-moz-linear-gradient( center top, #3d3a3d 5%, #000000 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3a3d', endColorstr='#000000');
  background-color:#3d3a3d;
 }
 
 .option-btn:active {
  position:relative;
  top:1px;
 }
 
 
 
 

✔小嘟 : 謝謝分享！我使用囉～   2016-07-27 19:44
小泉★ : 非常感謝分享(*ˊ艸ˋ！！   2016-08-03 09:44
ゝ遙か : 謝謝分享～   2016-08-13 15:13
斯諾 : 拿走，非常感謝。   2016-08-21 00:55