设计师

按钮样式生成器

可视化生成 CSS 按钮样式，一键复制代码

基础样式
预览效果
.btn {
  background-color: #3182ce;
  color: #ffffff;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 14px;
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,.15);
  cursor: pointer;
}
.btn:hover {
  opacity: .9;
  transform: translateY(-1px);
}