<div class="tiy">
<a class="btn btn-primary query-schedule-btn" >查询档期</a>
</div>
<style>
.tiy {
float:right;
display:inline-block;
margin-bottom:10px;
vertical-align:middle;
color:rgb(255,255,255);
background-color:rgb(233,104,107);
text-align:center;cursor:pointer;
white-space:nowrap;
box-shadow:rgba(0,0,0,0.12) 0px 2px 6px,rgba(0,0,0,0.24) 0px 1px 2px;
font-family:微软雅黑;
border-width:initial;
border-style:none;
border-color:initial;
border-image:initial;
outline:0px;
padding:8px 18px;
overflow:hidden;
text-decoration:none;
transition:0.2s ease-out;
border-radius:2px;
}
.tiy:last-child {
margin-bottom:0px;
}
.tiy a{
border:0px;
}
.tiy a:link,.tiy a:visited{
color:#fff;text-decoration:none;
}
.tiy:hover{
background-color:#ba3537;
color:#fff;
text-decoration:none;
}
.tiy a:active{
color:#fff;
text-decoration:none;
}
</style>button样式01
未经允许不得转载:HTML/CSS » button样式01
相关推荐
-      bootstrap div 的显示和隐藏
-      基于 D3.js 的 SVG化学元素周期
-      DIV背景自适应浏览器大小
-      用Share.js替换百度分享组件
-      iframe高度自适应的6个方法
-      网站灰色代码|哀悼日专用