aadmin2026-09-19 发布组件4 阅读

按钮 · Curly Termite

类型：组件　·　分类：按钮　·　收录：2026-09-19　·　源码：会员可见

付费可阅读内容 · 可复制

<button class="button"> Button
</button>
<style>
/* From Uiverse.io by Yaseen549 - Tags: button */
.button {
 color: #ecf0f1;
 font-size: 17px;
 background-color: #212121;
 border: 1px solid #ffffff;
 border-radius: 5px;
 padding: 10px;
 box-shadow: 0px 6px 0px #787878;
 transition: all 50ms;
 width: 120px;
}

.button:active {
 box-shadow: 0px 2px 0px #787878;
 position: relative;
 top: 2px;
}
</style>

[/hidecontent]