<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
相关推荐
-      3种方法实现CSS隐藏滚动条并可以滚动内
-      CSS文件引用的最优方法
-      HTML5开发常见的7个框架,你知道几个
-      两个iframe自适应高度的解决方法
-      CSS之文本两端对齐
-      网站灰色代码|哀悼日专用