<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
相关推荐
-      禁止鼠标右键保存图片、禁止拖动图片的代码
-      button样式01
-      CSS之文本两端对齐
-      网站灰色代码|哀悼日专用
-      HTML5开发常见的7个框架,你知道几个
-      博客集成Hitokoto·一言经典语句功