轻松创建专业的CSS按钮
通过简单的设置，生成各种红色风格的CSS按钮，直接复制代码到您的项目中
按钮设置
按钮预览
生成的代码
HTML
<button class="btn-custom">点击按钮</button>
CSS
.btn-custom {
padding: 10px 20px;
background-color: #e63946;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
box-shadow: 0 4px 6px -1px rgba(230, 57, 70, 0.3);
transition: all 0.3s ease;
}
.btn-custom:hover {
background-color: #d62828;
transform: translateY(-1px);
}
.btn-custom:active {
transform: translateY(0);
}快速生成
只需简单设置，即可生成专业的CSS按钮代码，无需手动编写样式。
高度定制
自定义按钮的颜色、大小、形状等属性，打造符合您需求的按钮样式。
即插即用
生成的代码可以直接复制到您的项目中使用，无需额外修改。