简易HTML/CSS/JS代码预览器
HTML 代码:
<!DOCTYPE html> <html> <head> <title>预览页面</title> </head> <body> <div> <h1>你好,这是预览效果</h1> <p>这是一个简易的代码预览器。</p> <button onclick="alert('按钮被点击了!')">点击我</button> </div> </body> </html>
CSS 代码:
body { font-family: Arial, sans-serif; text-align: center; padding: 50px; } h1 { color: #3498db; } p { color: #666; } button { padding: 10px 20px; background-color: #2ecc71; color: white; border: none; border-radius: 4px; cursor: pointer; }
返回首页
运行代码
清空代码
重置默认
预览结果