Tailwind助手
组件库
提交组件
首页
现代极简横幅 Tailwind网站组件
纯白背景配黑色文字，简洁线条装饰，体现现代极简主义的设计理念
<section class="relative bg-white text-gray-900 rounded-lg border"> <div class="absolute inset-0"> <div class="absolute top-10 left-10 w-16 h-0.5 bg-gray-900"></div> <div class="absolute bottom-10 right-10 w-8 h-8 border border-gray-900"></div> </div> <div class="relative px-6 py-20 sm:px-12 sm:py-28 lg:px-16"> <div class="max-w-4xl"> <h1 class="text-4xl sm:text-5xl lg:text-6xl font-light mb-6 leading-tight"> 少即是多 </h1> <p class="text-lg sm:text-xl mb-8 text-gray-600 max-w-2xl"> 在简约中发现美，在极简中找到力量 </p> <button class="bg-gray-900 text-white px-10 py-4 hover:bg-gray-800 transition-colors"> 体验简约 </button> </div> </div> </section>