帮干工具
EN
CSS 代码预览器
在线编写和预览 HTML + CSS + JavaScript 效果
HTML
<div class="box"> <h1>Hello World</h1> <p>欢迎使用 CSS 预览器</p> </div>
CSS
.box { padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 12px; color: white; text-align: center; font-family: system-ui, sans-serif; } h1 { margin: 0 0 10px; font-size: 24px; } p { margin: 0; opacity: 0.9; }
JavaScript
刷新预览
重置
预览效果