bttn.css 使用教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00010/article/details/139057510

bttn.css 使用教程

1. 项目介绍

bttn.css 是一个用于创建各种样式按钮的 CSS 库。它提供了多种按钮风格、大小和颜色，适用于各种项目需求。bttn.css 的设计理念是简单易用，开发者只需引入 CSS 文件并应用相应的类名即可快速创建美观的按钮。

2. 项目快速启动

安装

你可以通过 Bower 或 CDN 来安装 bttn.css。

通过 Bower 安装

bower install bttn.css

通过 CDN 引入

<link type="text/css" src="https://cdnjs.com/libraries/bttn.css"/>

使用

在 HTML 文件的 <head> 部分引入 bttn.min.css 文件，然后在按钮元素上应用相应的类名即可。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bttn.css 示例</title>
    <link type="text/css" src="https://cdnjs.com/libraries/bttn.css"/>
</head>
<body>
    <button class="bttn-material-circle bttn-md">
        <i class="icon-menu"></i>
    </button>
</body>
</html>