必须在tailwind.config.js中修改theme.borderradius才能全局统一圆角，因为rounded-lg等仅为工具类，不改变默认行为；自定义像素值如4px需显式配置borderradius对象，方向类仅支持tl/tr/bl/br前缀及预设键名。
tailwind.config.js 中必须修改 theme.borderRadius
直接在 HTML 里写 rounded-lg 或 rounded-md 无法实现全局统一——这些只是工具类，不改变默认行为。真正控制“所有按钮/卡片/输入框默认用什么圆角”的地方，是 tailwind.config.js 的 theme.borderRadius 配置项。
Tailwind 默认的 borderRadius 是一个对象，键是类名后缀（如 sm、md），值是对应的 CSS 值（如 '0.125rem'）。你要做的不是加新类，而是覆盖它：
- 想让所有
rounded（无后缀）默认变成6px？把''（空字符串键）设为'6px' - 想让
rounded-lg对应12px而不是默认的8px？改lg键的值 - 项目设计规范要求按钮统一用
4px，但 Tailwind 默认没rounded-4——这时别硬加类，直接把md映射到'4px'，然后全项目用rounded-md
别用 @layer components 覆盖 borderRadius
有人试图在 CSS 文件里用 @layer components 给 .btn 写 border-radius: 4px，这会绕过 Tailwind 的原子体系，带来两个实际问题：
- 后续想用
hover:rounded-full时，CSS 优先级冲突，hover:可能不生效 - 响应式断点（如
sm:rounded-lg）无法和你手写的规则联动，断点类会被忽略 - 深色模式下如果用了
dark:rounded-none，它和你自定义的.btn规则之间没有层级关系，结果不可控
正确做法：只在 tailwind.config.js 里定义好 borderRadius，然后所有组件继续用标准工具类，比如 rounded-md、sm:rounded-lg ——它们会自动编译成你配置的值。
自定义值必须显式声明，不能靠猜
Tailwind 不会为任意数字生成类名。写 rounded-4 没用，因为默认配置里根本没有 '4' 这个键；同理 rounded-10、rounded-12 全部无效。
使用ydata-profiling（前身为pandas-profiling）生成全面的数据质量报告，包含相关性分析、缺失值模式和基数检测。导出交互式HTML仪表板和JSON摘要。
要支持精确像素值，必须在 theme.extend.borderRadius 里显式添加：
borderRadius: {
'4': '4px',
'10': '10px',
'12': '12px'
}
注意两点：
-
extend是追加，不是替换；原有sm/md等依然存在 - 加完要重启构建工具（如
npm run dev），否则新类名不会出现在生成的 CSS 中
方向性圆角类只支持预设值，不支持数字后缀
想单独设左上角为 6px？不能写 rounded-tl-6 ——Tailwind 只认 rounded-tl-sm、rounded-tl-md、rounded-tl-lg 等，不支持 -6、-10 这类后缀。
解决方法只有两个：
- 把
6px映射到某个已有键（比如把sm改成'6px'），然后用rounded-tl-sm - 或者在
extend.borderRadius里加一个新键如'6'，再配合方向前缀使用：rounded-tl-6（前提是已声明）
容易被忽略的是：方向类只支持 tl、tr、bl、br 四种组合，没有 rounded-top-left 或 rounded-lt 这种写法，大小写和顺序都固定。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
