2024年08月28日 建站教程
Tailwind CSS是一个以功能类为主的CSS框架。你可以通过原子类的类名快速构建一个网站，比如 .flex、.pt-4、.text-center、.rotate-90，就可以用HTML代码完成开发，不用自己想各种CSS名字。下面web建站小编给大家简单介绍一下daisyUI如何快速搭建使用！
安装 daisyUI
npm i daisyui
在tailwind.config.js文件里追加 daisyUI 的设置
module.exports = {
//...
plugins: [require("daisyui")],
}
示例：
<!-- Tailwind CSS 的写法 -->
<a class="inline-block px-4 py-3 text-sm font-semibold
text-cente text-white uppercase transition
duration-200 ease-in-out bg-indigo-600
rounded-md cursor-pointer
hover:bg-indigo-700">Button</a>
<!-- daisyUI 的写法 -->
<a class="btn btn-primary">Button</a>
在线引入 cdn 地址
<link href="https://cdn.jsdelivr.net/npm/daisyui@2.15.2/dist/full.css" rel="stylesheet" type="text/css" /> <script src="/statichttps://cdn.tailwindcss.com"></script>
本文链接：http://so.lmcjl.com/news/11661/