一个酷炫按钮的css样式例子模版

mini云码 发布日期： 2025-11-02 17:19

一个酷炫按钮的css样式例子模版，如下面代码所示，重点是设置 border:none和设置outline: none;

然后再设置一定的border-radius，按钮就有一个酷炫的效果，然后再设置一下hover，替换移动到按钮后的颜色。

.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;
}

最后，假如按钮想要阴影，可以按下面的方法：

box-shadow:3px 3px 0px #555;