</> 線上代碼測試器
► 執行代碼 (Run)
HTML / CSS / JS 輸入區
<!DOCTYPE html> <html> <head> <style> body { font-family: sans-serif; text-align: center; padding-top: 50px; background: #f0f8ff; } .box { background: #ff6b6b; color: white; padding: 20px; border-radius: 10px; display: inline-block; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.3s; } .box:hover { transform: scale(1.1); } </style> </head> <body> <div class="box"> <h2>Hello!</h2> <p>修改左側代碼並點擊執行。</p> <button onclick="alert('測試成功！')">點我測試 JS</button> </div> </body> </html>
結果預覽 (Result)