精简CSS按扭样式

罗分明网络博客 Web前端 3378
首次发布：2017-06-01
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<style>
    button{
            padding:5px 10px;
            margin-right: 12px;
            font-size: 12px;
            background-color: #609ee9;
            color:#fff;
            border:2px solid #609ee9;
            cursor: pointer;
            outline:none;
            border-radius:6px;
        }
        button:hover{
            background-color: #80b6f9;
            border-color: #80b6f9
        }
        button:active{
            background-color: #5188cc;
            border-color: #5188cc
        }
</style>
 
<button type="button">按钮样式</button>