HTML
<style> <script> 均可混写
历史
<h1>Hello, 主人！</h1> <p>直接在这里写 HTML，<style> 和 <script> 都支持~</p> <button id="btn" onclick="sayHi()">点我喵</button> <style> body { font-family: 'Segoe UI', sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; background: linear-gradient(135deg, #667eea, #764ba2); color: white; text-align: center; } h1 { font-size: 2.5rem; text-shadow: 0 2px 10px rgba(0,0,0,0.3); } p { opacity: 0.9; margin: 12px 0 24px; } button { background: white; color: #6c5ce7; border: none; padding: 12px 32px; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: transform 0.2s; } button:hover { transform: scale(1.1); } </style> <script> function sayHi() { alert('喵！主人好~ (=^･ω･^=)'); } </script>
⛶