html 怎么修改按钮的形状,CSS控制自定义按钮的形状

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);

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