CSS控制自定义按钮的形状

来源：互联网发布：淘宝上哪家日代靠谱编辑：程序博客网时间：2024/05/24 06:33

css样式代码：

.btn {    position: relative;    cursor: pointer;    display: inline-block;    vertical-align: middle;    font-size: 12px;    font-weight: bold;    height: 27px;    line-height: 27px;    min-width: 52px;    padding: 0 12px;    text-align: center;    text-decoration: none;    border-radius: 2px;    border: 1px solid #ddd;    color: #666;    background-color: #f5f5f5;    background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1);    background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1);    background: linear-gradient(top, #F5F5F5, #F1F1F1);}.btn-primary {    border-color: #3079ED;    color: #F3F7FC;    background-color: #4D90FE;    background: -webkit-linear-gradient(top, #4D90FE, #4787ED);    background: -moz-linear-gradient(top, #4D90FE, #4787ED);    background: linear-gradient(top, #4D90FE, #4787ED);}

在文档中<a>或者input运用该样式就可做成想要的按钮

0 0