自定义 Tailwind

1<!-- /index.html -->
2<!doctype html>
3<html>
4
5<head>
6  <meta charset="UTF-8">
7  <meta name="viewport" content="width=device-width, initial-scale=1.0">
8  <link href="tailwind.css" rel="stylesheet">
9  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
10  <link href="https://fonts.googleapis.com/css2?family=Carter+One&display=swap" rel="stylesheet">
11</head>
12
13<body>
14  
15</body>
16
17</html>

代码示例

1 npx tailwindcss init

运行上述命令会生成以下文件：

1// tailwind.config.js
2module.exports = {
3  content: [],
4  theme: {
5    extend: {},
6  },
7  plugins: [],
8}