純css的button按鈕
阿新 • • 發佈:2019-01-25
css程式碼如下:
.div { display: inline-block; padding: .3em .5em; background-image: linear-gradient(#ddd, #bbb); border: 1px solid rgba(0,0,0,.2); border-radius: .3em; box-shadow: 0 1px white inset; text-align: center; text-shadow: 0 1px 1px black; color:white; font-weight: bold; } .div:active{ box-shadow: .05em .1em .2em rgba(0,0,0,.6) inset; border-color: rgba(0,0,0,.3); background: #bbb; }
html引用如下:
<div class="out_excel">
匯出Excel
</div>
js程式碼如下:
$(".out_excel").unbind("click").bind("click",function(){
alert("點選事件");
});