Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
HTML
CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <section class="hero"> <h1>Hero Background</h1> <p>Hex color example</p> </section> <article class="card"> <h2>Card</h2> <p>RGB background example</p> </article> <div class="highlight"> <strong>Highlight</strong> - HSL background example </div> </body> </html>
.hero { background: #04AA6D; color: #fff; padding: 16px; border-radius: 12px; } .card { background: rgb(255, 255, 255); padding: 16px; border-radius: 12px; box-shadow: 0 10px 25px rgba(15,23,42,0.12); margin-top: 16px; } .highlight { background: hsl(205, 90%, 60%); color: #0f172a; padding: 12px; border-radius: 12px; margin-top: 16px; }
