code
实时 HTML 运行器
lock_open
file_upload
delete
编辑代码 (自动运行)
就绪
<!DOCTYPE html> <html> <head> <title>我的演示页面</title> <style> body { font-family: sans-serif; padding: 20px; text-align: center; } h1 { color: #6750A4; } .card { background: #f0f0f0; padding: 20px; border-radius: 16px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); display: inline-block; } button { background: #6750A4; color: white; border: none; padding: 10px 20px; border-radius: 20px; cursor: pointer; margin-top: 10px; } </style> </head> <body> <div class="card"> <h1>Hello MD3!</h1> <p>点击上方锁形图标可锁定预览。</p> <button onclick="alert('全屏预览功能正常')">测试按钮</button> </div> </body> </html>
实时预览
arrow_back
预览
fullscreen