在线HTML代码预览工具 代码已成功复制 💻 HTML 在线预览工具 运行预览 保存下载 一键复制 清空 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>预览页面</title> <style> body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f7f9fc; } .container { text-align: center; padding: 40px; background: white; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } h1 { color: #333; } p { color: #666; } </style> </head> <body> <div class="container"> <h1>代码预览成功！</h1> <p>您可以在左侧编辑器修改代码，然后再次点击“运行预览”。</p> </div> </body> </html>
