mini云码-wechatmini.com-按钮样式生成器

选择你需要的按钮样式风格生成代码（点击颜色框可选择常用颜色）

背景色: 文字颜色：宽度： px 高度： px

有边框边框宽度： px 边框颜色：

有圆角圆角宽度：左上角 px 右上角 px 左下角 px 右下角 px

有阴影阴影属性

鼠标移动到按钮后改变颜色改变颜色字体颜色

根据你选择的属性自动生成如下按钮和代码：

                

.btn{
    background-color:#02da91;
    color:#ffffff;
    width:120px;
    height:45px;
    border:none;outline: none;
    border-radius:8px 8px 8px 8px;
}
.btn:hover{
    background-color:#ff9000;
    color:#ffffff;
}