工具优先的 CSS 框架,包含 flex、 pt-4、 text-center、以及 rotate-90 等类,可直接在你的标记中组合以构建任何设计。
<div class="flex flex-col items-center rounded-2xl"> <div> <img class="size-48 shadow-xl" alt="" src="/img/cover.png" /> </div> <div class="flex"> <span>Class Warfare</span> <span>The Anti-Patterns</span> <span class="flex"> <span>No. 4</span> <span>·</span> <span>2025</span> </span> </div></div>