HTML/CSS/JS 在线编辑器

在线编写HTML、CSS、JavaScript代码并实时预览效果

HTML

<div id="app">
  <h1>Hello World!</h1>
  <p>这是一个示例</p>
  <button onclick="alert('Hello!')">点击我</button>
</div>

CSS

#app {
  text-align: center;
  padding: 20px;
}

h1 {
  color: #0052ff;
}

p {
  color: #666;
}

button {
  background: #0052ff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
}

button:hover {
  background: #0041cc;
}

JavaScript

// 在这里编写JavaScript代码
console.log('Hello from JavaScript!');

预览