jQuery插件庫 CSS按鈕生成器

設置

+ 字體

+ 主體

+ 邊框

More

+ 背景

+ 懸停

按鈕預覽

復制代碼

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
nba直播吧cctv5篮球 甘肃快三出号预测 江苏十一选五任八 11选5与百家乐 天津时时彩开奖时间 吉林十一选五杀号技巧 南国彩票七星彩规律图 基金配资平台 天天捕鸟手机游戏 002349股票分析 七星彩彩近100走势图 黑龙江正好网11选五 贵州十一选五走势图300期 幸运飞艇是人为控制的吗 山东11选5前三组选走势图 甘肃快3走走势图一 天津快乐十分走势500w