源代码：
下载代码
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="grid grid-cols-1 sm:grid-cols-2 gap-10 px-10 font-mono font-bold"> <div class="flex flex-col"> <p class="font-medium text-sm text-slate-500 font-mono mb-3 dark:text-slate-400">box-decoration-slice</p> <div class="text-5xl font-extrabold leading-none tracking-tight font-sans"> <span class="box-decoration-slice text-white bg-gradient-to-r from-indigo-600 to-pink-500 leading-[3.5rem] px-2"> Hello<br> World </span> </div> </div> <div class="flex flex-col"> <p class="font-medium text-sm text-slate-500 font-mono mb-3 dark:text-slate-400">box-decoration-clone</p> <div class="text-5xl font-extrabold leading-none tracking-tight font-sans"> <span class="box-decoration-clone text-white bg-gradient-to-r from-indigo-600 to-pink-500 leading-[3.5rem] px-2"> Hello<br> World </span> </div> </div> </div> </div> </body> </html>
运行结果：
AI 编程工具