定价页

套餐对比表

Comparison table

跨档位的功能矩阵

实时预览

提示词正文

Build a pricing comparison table with Tailwind CSS: feature rows grouped under section headings, plan columns with sticky headers on scroll, and cells that mix check icons, dashes and short values like '10 GB'. Give each column a CTA button in the header, mark the recommended plan with a subtle background tint, and on small screens collapse the table into stacked per-plan cards.

提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。

怎么用

功能多的 SaaS 必备;移动端塌缩成卡片比横向滚动表格体验好。

同类提示词 · 定价页

© 2026 Genisource Vibe · 提示词详情