简介
de.btn.css 是一款基于 CSS3 的 UI 组件库，主要包含了常见的按钮样式，方便开发者快速创建漂亮的按钮。
安装
在使用 de.btn.css 前，需要先在项目中安装该 npm 包。可以使用以下命令进行安装：
npm install de.btn.css
安装完成后，在 HTML 文件中引入 dist/de.btn.min.css 即可开始使用。
使用
de.btn.css 包括了众多按钮样式，可以灵活运用在各类网站或应用中。
基础用法
<button class="de-btn">默认按钮</button>
不同尺寸
<button class="de-btn de-btn-small">小尺寸按钮</button> <button class="de-btn">默认尺寸按钮</button> <button class="de-btn de-btn-large">大尺寸按钮</button>
不同颜色
<button class="de-btn de-btn-default">默认按钮</button> <button class="de-btn de-btn-primary">主要按钮</button> <button class="de-btn de-btn-secondary">次要按钮</button> <button class="de-btn de-btn-success">成功按钮</button> <button class="de-btn de-btn-warning">警告按钮</button> <button class="de-btn de-btn-danger">危险按钮</button>
悬停及按下效果
<button class="de-btn de-btn-primary de-btn-hover">悬停效果按钮</button> <button class="de-btn de-btn-primary de-btn-active">按下效果按钮</button>
深度
de.btn.css 通过深度挖掘了 CSS3 功能以及 UI 组件的结构，使按钮在样式上达到更高的自由度，可以更加轻松地创建出多样化的按钮样式。
学习与指导
学习 de.btn.css 可以使开发者掌握 CSS3 特性以及 UI 组件的构建思路，并可以让开发者更加熟悉与自由地使用 CSS。
在使用的过程中，开发者可以借助 de.btn.css 视觉效果，构建更好的 UI 设计。
总结
de.btn.css 是一款优秀的 UI 样式组件库，包含了丰富的按钮样式，使得开发者可以方便快捷地创建出漂亮的按钮。其独特的深度挖掘与自由度极高的又能帮助开发者更好地掌握 CSS3 特性以及 UI 组件的构建思路，构建更好的 UI 设计。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056a7181e8991b448e510c