CSS Styling

Style real HTML with colors, spacing, borders, fonts, hover effects, and reusable classes.

<style><br /> .card { padding:24px; border-radius:18px; background:#102943; color:white; }<br /> .card h2 { color:#55c7ff; }<br /> .button { display:inline-block; padding:12px 18px; background:#55c7ff; color:#04101f; border-radius:12px; font-weight:bold; }<br /> </style><br /> <div class=”card”><br /> <h2>Styled with CSS</h2><br /> <p>Change the colors or spacing and watch the preview.</p><br /> <span class=”button”>Button</span><br /> </div>Open Live Preview

Next: Layout →