源代码：
下载代码
AI 编程工具
点击运行
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.tailwindcss.com"></script> </head> <body> <div class="relative rounded-xl overflow-auto p-8"><div class="flex flex-wrap items-start justify-center font-mono text-white text-sm font-bold leading-6 -mx-5"> <div class="flex items-start"> <div class="flex-none px-5"> <div class="bg-purple-500 shadow-lg rounded-lg overflow-hidden"> <div class="h-6 bg-stripes-white rounded-t-lg"></div> <div class="p-4">pt-6</div> </div> </div> <div class="flex-none px-5 pt-6"> <div class="flex bg-purple-500 shadow-lg rounded-lg overflow-hidden"> <div class="flex-none p-4">pr-4</div> <div class="flex-none w-4 bg-stripes-white"></div> </div> </div> </div> <div class="flex items-start"> <div class="flex-none px-5 pt-6"> <div class="bg-purple-500 shadow-lg rounded-lg overflow-hidden"> <div class="p-4">pb-8</div> <div class="h-8 bg-stripes-white"></div> </div> </div> <div class="flex-none flex px-5 pt-6"> <div class="flex bg-purple-500 shadow-lg rounded-lg overflow-hidden"> <div class="flex-none w-2 bg-stripes-white"></div> <div class="flex-none p-4">pl-2</div> </div> </div> </div> </div> </div> </body> </html>
运行结果：
AI 编程工具