代码运行

✏️ 代码编辑 0 字符

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>示例</title>
    <style>
        body {
            font-family: sans-serif;
            padding: 20px;
            max-width: 600px;
            margin: 0 auto;
        }
        h1 {
            color: #3b82f6;
        }
        button {
            background: #3b82f6;
            color: white;
            border: none;
            padding: 10px 16px;
            border-radius: 4px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>欢迎使用</h1>
    <p>这是一个简单的示例，编辑代码后点击运行查看结果。</p>
    <button onclick="alert('代码运行成功！')">运行示例</button>
</body>
</html>

👁️ 运行结果预览

代码运行工具按 Ctrl+Enter 快速运行

使用说明

在左侧输入HTML代码，点击"运行"按钮在右侧查看结果。支持HTML、CSS和JavaScript。