HTML/CSS 游乐场 - 实时代码编辑器

Ad 728x90

Google AdSense 将显示于此

HTML

<div class="container"><h1>Hello, Playground!</h1><button id="myButton" class="demo-btn">Click Me</button></div>

CSS

.demo-btn { background: #3b82f6; color: white; padding: 8px 16px; border: none; border-radius: 8px; cursor: pointer; }
.demo-btn:hover { background: #2563eb; }

JavaScript

document.getElementById('myButton')?.addEventListener('click', () => { alert('Button clicked!'); });

实时预览：