上手教程

如何自定义 Tailwind CSS 模板(改色、改版与加模块)

部分模板基于 Tailwind CSS 构建,自定义方式与传统 CSS 略有不同。

改主题色

在 tailwind.config 的 theme.extend.colors 中定义品牌色,全站引用后一处即可全局生效。

调整间距与版式

使用 Tailwind 的工具类直接修改元素的 padding、margin 与栅格,无需写额外 CSS。

安全添加模块

复制现有区块的 HTML 结构再改文案,避免破坏响应式断点。改完后用 速度优化指南 检查体积。

延伸

想了解 Tailwind 与 Bootstrap 的差异,可看 Tailwind vs Bootstrap。